Strip Chakra UI (#9)

* updatin' Vite, replacin' Chakra on the view, & addin' 3D 🦖

* beginnin' to strip Chakra out 🎓

* tearin' out the `TokensTable` 📸

* cleanin' 🏓

* preppin' to style index table 🚯

* restructurin' index & downgradin' styles 🔰

* refactoring index & edit form 🎮

* modulin' CSS & fixin' tab interactions 🌵

* more modularizin' CSS 📦

* formattin' forms 💐

* more modularizing of the site's CSS 🦢

* making styles more responsive 🍶

.vscode/settings.json

@@ -22,7 +22,7 @@
   "editor.cursorBlinking": "phase",
   "workbench.preferredDarkColorTheme": "Default High Contrast",
   "window.autoDetectColorScheme": true,
-  "workbench.colorTheme": "Default Dark+",
+  "workbench.colorTheme": "Kimbie Dark",
   "window.closeWhenEmpty": true,
-  "window.zoomLevel": 4
+  "window.zoomLevel": 3
 }

package.json

@@ -52,7 +52,8 @@
   },
   "dependencies": {
     "@apollo/client": "^3.6.4",
-    "graphql": "^16.5.0"
+    "graphql": "^16.5.0",
+    "ts-node": "^10.9.1"
   },
   "resolutions": {
     "bn.js": "5.2.1",

packages/ui/package.json

@@ -18,26 +18,27 @@
     "gh:publish": "gh-pages --dist dist/ --dotfiles --message 'Updatin’ GitHub Pages'"
   },
   "dependencies": {
-    "@chakra-ui/icons": "1.1",
-    "@chakra-ui/react": "^1.8.8",
-    "@emotion/react": "^11.10.0",
-    "@emotion/styled": "^11.10.0",
     "@react-three/fiber": "^8.10.1",
+    "@tippyjs/react": "^4.2.6",
     "@types/three": "^0.149.0",
     "@walletconnect/web3-provider": "^1.8.0",
     "dotenv": "^16.0.0",
     "ethers": "^5.6.9",
-    "framer-motion": "^6.5.1",
     "graphql": "^16.5.0",
     "ipfs-http-client": "^57.0.3",
     "it-all": "^1.0.6",
     "multiformats": "^9.7.1",
+    "ramda": "^0.28.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
-    "react-hook-form": "^7.34.0",
+    "react-hook-form": "^7.43.0",
     "react-markdown": "^8.0.3",
     "react-router-dom": "^6.3.0",
+    "react-spinners": "^0.13.8",
+    "react-tabs": "^6.0.0",
+    "react-toastify": "^9.1.1",
+    "remark-gfm": "^3.0.1",
     "three": "^0.149.0",
     "util": "^0.12.5",
     "web3modal": "^1.9.8"
@@ -54,13 +55,14 @@
     "@types/babel__core": "^7",
     "@types/jest": "^28.1.6",
     "@types/node": "^18.6.4",
+    "@types/ramda": "^0.28.12",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
     "@types/react-helmet": "^6.1.5",
     "@types/rollup-plugin-node-globals": "^1",
     "@types/webpack": "^5.28.0",
     "@types/webpack-bundle-analyzer": "^4",
-    "@vitejs/plugin-react": "^2.0.0",
+    "@vitejs/plugin-react": "^3.0.1",
     "@webpack-cli/generators": "^2.5.0",
     "assert": "^2.0.0",
     "babel-jest": "^28.1.3",
@@ -72,6 +74,7 @@
     "https-browserify": "^1.0.0",
     "jest": "^28.1.3",
     "os-browserify": "^0.3.0",
+    "postcss-preset-env": "^8.0.1",
     "rollup": "^2.77.2",
     "rollup-plugin-node-globals": "^1.4.0",
     "rollup-plugin-node-polyfills": "^0.2.1",
@@ -82,7 +85,6 @@
     "style-loader": "^3.3.1",
     "ts-jest": "^28.0.7",
     "ts-loader": "^9.3.1",
-    "ts-node": "^10.9.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.9.5",
     "vite": "^4.0.4",

packages/ui/postcss.config.ts

@@ -0,0 +1,8 @@
+import postcssPresetEnv from 'postcss-preset-env'
+
+// eslint-disable-next-line import/no-anonymous-default-export
+export default {
+  plugins: [
+    postcssPresetEnv({ stage: 0 })
+  ],
+}