feat(web): upgrade application dialog (#849)

* feat(web): upgrade create dialog

* feat(web): upgrade application create dialog

.vscode/settings.json

@@ -74,6 +74,7 @@
     "passw",
     "pgdb",
     "presigner",
+    "qrcode",
     "readwrite",
     "Referer",
     "rolebinding",

web/package.json

@@ -13,54 +13,55 @@
     "lint-staged": "lint-staged"
   },
   "dependencies": {
-    "@chakra-ui/icons": "^2.0.15",
-    "@chakra-ui/react": "^2.4.5",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@tanstack/react-query": "^4.20.4",
-    "axios": "^1.2.2",
+    "@chakra-ui/icons": "^2.0.17",
+    "@chakra-ui/react": "^2.5.1",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
+    "@tanstack/react-query": "^4.24.6",
+    "axios": "^1.3.3",
     "clsx": "^1.2.1",
     "dayjs": "^1.11.7",
-    "framer-motion": "^8.0.2",
-    "i18next": "^22.4.6",
+    "framer-motion": "^9.0.4",
+    "i18next": "^22.4.9",
     "i18next-browser-languagedetector": "7.0.1",
     "i18next-http-backend": "2.1.1",
     "immer": "^9.0.16",
     "laf-client-sdk": "^1.0.0-beta.2",
     "lodash": "^4.17.21",
     "make-plural": "^7.2.0",
-    "monaco-editor": "^0.34.1",
+    "monaco-editor": "^0.35.0",
+    "qrcode.react": "^3.1.0",
     "react": "18.2.0",
-    "react-datepicker": "^4.8.0",
+    "react-datepicker": "^4.10.0",
     "react-dom": "18.2.0",
-    "react-hook-form": "^7.41.2",
-    "react-i18next": "^12.1.1",
+    "react-hook-form": "^7.43.1",
+    "react-i18next": "^12.1.5",
     "react-icons": "^4.7.1",
-    "react-router-dom": "^6.6.1",
+    "react-router-dom": "^6.8.1",
     "react-syntax-highlighter": "^15.5.0",
-    "sass": "^1.57.1",
-    "zustand": "^4.1.5"
+    "sass": "^1.58.2",
+    "zustand": "^4.3.3"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.191",
-    "@types/node": "18.11.18",
-    "@types/react": "^18.0.26",
+    "@types/node": "18.13.0",
+    "@types/react": "^18.0.28",
     "@types/react-datepicker": "^4.8.0",
-    "@types/react-dom": "^18.0.10",
-    "@types/react-syntax-highlighter": "^15.5.5",
-    "@vitejs/plugin-react-swc": "^3.0.1",
+    "@types/react-dom": "^18.0.11",
+    "@types/react-syntax-highlighter": "^15.5.6",
+    "@vitejs/plugin-react-swc": "^3.1.0",
     "autoprefixer": "^10.4.13",
     "click-to-react-component": "^1.0.8",
-    "eslint": "^8.30.0",
+    "eslint": "^8.34.0",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-simple-import-sort": "^8.0.0",
-    "husky": "^8.0.2",
-    "lint-staged": "^13.1.0",
-    "postcss": "^8.4.20",
-    "prettier": "^2.8.1",
-    "tailwindcss": "^3.2.4",
-    "typescript": "4.9.4",
-    "vite": "^4.0.3"
+    "eslint-plugin-simple-import-sort": "^10.0.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.1.2",
+    "postcss": "^8.4.21",
+    "prettier": "^2.8.4",
+    "tailwindcss": "^3.2.7",
+    "typescript": "4.9.5",
+    "vite": "^4.1.1"
   },
   "lint-staged": {
     "*.{ts,tsx}": [

web/public/locales/en/translation.json

@@ -42,16 +42,16 @@
   "Confirm": "Confirm",
   "Copied": "copied",
   "Copy": "copy",
-  "Create": "Create ",
+  "Create": "new application",
   "CreateNow": "create now",
-  "CreateTime": "creation time",
+  "CreateTime": "Created time",
   "Custom": "customize",
   "Days": "days",
   "Delete": "Delete ",
   "DeleteConfirm": "Are you sure to delete this row of data?",
   "DeleteSuccess": "successfully deleted",
   "DeleteTip": "cannot be undone",
-  "Edit": "Edit ",
+  "Edit": "Edit",
   "Generate": "generate",
   "InputTip": "please enter",
   "IsRequired": " is required",
@@ -124,7 +124,8 @@
     "WX": "WeChat Mini Program/Public Account",
     "Welcome": "Welcome to the LAF cloud development platform!",
     "DeleteApp": "delete apps",
-    "DeleteTip": "Are you sure you want to delete this app?"
+    "DeleteTip": "Are you sure you want to delete this app?",
+    "Duration": "Duration"
   },
   "LogPanel": {
     "Detail": "Log Details",
@@ -263,5 +264,19 @@
   "Personal Access Token": "Personal Access Token",
   "SwitchLanguage": "Switch Language",
   "Storage": "Storage",
-  "upload example": "file upload"
-}
+  "upload example": "file upload",
+  "Unit": {
+    "CPU": "Core",
+    "GB": "GB",
+    "MB": "MB"
+  },
+  "Spec": {
+    "RAM": "RAM",
+    "Database": "Database",
+    "Storage": "Storage",
+    "NetworkTraffic": "NetworkTraffic"
+  },
+  "Price": {
+    "Free": "Free"
+  }
+}