Refactor new dashboard admin theme (#131)

* refactor page  admin welcome

* refactor page admin campaigns

* refactor list page

* refactor page create campaign

* refactor page list campaign

* refactor page list nft collection

* refactor page list nft collection

* refactor nft collection

* refactor page create campaign

* refactor page list broker

* refactor nft mint

* refactor benefit

* refactor claim

* refactor mobile welcome

* refactor mobile admin

* refactor mobile admin

* pnpm-lock.yaml

* lock yaml

* eslint fix

* typecheck

* eslint fix

* eslint fix

* eslint fix

* eslint fix

* typecheck

* eslint fix

* eslint fix

---------

Co-authored-by: GeckosoPhat <[email protected]>

packages/admin/package.json

@@ -41,6 +41,7 @@
     "@mui/material": "^5.10.14",
     "@mui/styled-engine": "^5.10.8",
     "@mui/x-date-pickers": "^6.16.0",
+    "@nextui-org/react": "^2.2.10",
     "@reduxjs/toolkit": "^1.8.6",
     "@toast-ui/react-editor": "^3.2.3",
     "@uiw/react-md-editor": "^4.0.1",
@@ -52,27 +53,32 @@
     "dayjs": "^1.11.7",
     "dotenv": "^16.0.3",
     "ethers": "^5.7.2",
+    "flowbite": "^2.3.0",
+    "flowbite-react": "^0.7.2",
+    "framer-motion": "^11.0.8",
     "i18next": "^22.4.9",
     "js-cookie": "^3.0.1",
     "lodash": "^4.17.21",
     "material-react-table": "^1.14.0",
     "material-ui-popup-state": "^4.1.0",
     "mui-tel-input": "^2.0.4",
-    "next": "^13.4.19",
+    "next": "^13.5.6",
     "next-i18next": "^13.2.2",
     "next-pwa": "^5.6.0",
     "next-remove-imports": "^1.0.12",
     "nextjs-progressbar": "^0.0.16",
     "polished": "^4.2.2",
     "qs": "^6.11.2",
     "react": "^18.2.0",
+    "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.39.4",
     "react-hook-form-mui": "^5.10.2",
     "react-i18next": "^12.1.5",
-    "react-icons": "^4.6.0",
+    "react-icons": "^4.12.0",
     "react-query": "^3.39.2",
     "react-redux": "^8.0.4",
+    "react-select": "^5.8.0",
     "react-toastify": "^9.0.8",
     "url-join": "^5.0.0",
     "yup": "^1.0.0"
@@ -82,7 +88,8 @@
     "@babel/preset-typescript": "^7.13.0",
     "@emotion/babel-plugin": "^11.3.0",
     "@emotion/jest": "^11.3.0",
-    "@svgr/webpack": "^5.5.0",
+    "@svgr/webpack": "^8.1.0",
+    "@tailwindcss/forms": "^0.5.7",
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^11.2.7",
     "@testing-library/react-hooks": "^8.0.1",
@@ -99,7 +106,9 @@
     "@typescript-eslint/eslint-plugin": "^5.41.0",
     "@typescript-eslint/parser": "^5.41.0",
     "@vitest/coverage-v8": "^0.32.0",
+    "autoprefixer": "^10.4.17",
     "babel-loader": "^8.2.5",
+    "babel-plugin-transform-remove-imports": "^1.7.1",
     "eslint": "^8.26.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
@@ -110,7 +119,9 @@
     "jest-environment-jsdom": "^29.5.0",
     "lint-staged": "^13.0.3",
     "plop": "^3.1.1",
+    "postcss": "^8.4.35",
     "prettier": "^2.7.1",
+    "tailwindcss": "^3.4.1",
     "typescript": "4.8.4",
     "vite-tsconfig-paths": "^4.2.0",
     "vitest": "^0.32.0"

packages/admin/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

packages/admin/public/locales/en/common.json

@@ -4,15 +4,22 @@
     "default": "Your action has been successfully",
     "signup_success": "Success, your account has been synced with Loyalty app",
     "copied_to_clipboard": "Copied to clipboard",
-    "update_nft_collection_success": "Success, your NFT collection has been updated"
+    "update_nft_collection_success": "Success, your NFT collection has been updated",
+
+    "item_created": "Your changes have been saved successfully!",
+    "item_updated": "Your changes have been updated successfully!",
+    "logout_ok": "You have been logged out successfully!"
   },
   "error" : {
     "default": "Oops, something went wrong!",
     "action_rejected": "Action rejected",
     "connector_not_found_error": "MetaMask extension required to sign in",
     "chain_not_configured": "Ensure MetaMask is connected to the same network on Polygon Mumbai",
     "gas_fee_balance": "Oops, Insufficient funds for gas price, please try again with higer gas fee",
-    "update_nft_collection_error": "Oops, can not update your NFT collection, please try again later"
+    "update_nft_collection_error": "Oops, can not update your NFT collection, please try again later",
+
+    "item_update_missing_required": "Oops, invalid update, please try again later!",
+    "item_update_error": "Oops, your changes have been rejected, please try again later!"
   },
   "apiError": {
     "your_phone_does_not_match_with_cnv_loyalty": "Your phone number has not registered yet. Please download the Loyalty App and register new account with this phone number.",

packages/admin/src/assets/v2/styles/color.css

@@ -0,0 +1,30 @@
+:root { 
+--blue_gray_50:#f1f1f1; 
+--indigo_50_0c:#e7e5ff0c; 
+--deep_purple_900:#291782; 
+--indigo_A400_e5:#544aeae5; 
+--deep_purple_200:#a8a3f4; 
+--deep_purple_800_99:#3028a399; 
+--indigo_900_cc:#0f0a5bcc; 
+--black_900_01:#0c0c0c; 
+--black_900:#020118; 
+--gray_600:#7f7f7f; 
+--teal_A700:#14b8a9; 
+--gray_400:#c9c9c9; 
+--blue_gray_100:#cccccc; 
+--amber_500:#ffbd14; 
+--gray_900:#06032f; 
+--indigo_500_7f:#4137d17f; 
+--gray_300:#e6e6e6; 
+--gray_100:#f6f6f6; 
+--indigo_400:#635bd6; 
+--indigo_900_03:#180a5c; 
+--indigo_900_01:#1e1682; 
+--indigo_900_02:#160f6f; 
+--deep_purple_200_01:#b1a3f5; 
+--indigo_A400:#554ae9; 
+--indigo_900:#0f0a5b; 
+--white_A700:#ffffff; 
+--indigo_500:#4137d1; 
+--cyan_400:#2dd4c5; 
+}