refactor: use chakra ui

mogland · Feb 4, 2023 · 12c21d8 · 12c21d8
1 parent a30f6e3
commit 12c21d8
Showing 3 changed files with 1,459 additions and 66 deletions.
diff --git a/package.json b/package.json
@@ -17,6 +17,9 @@
     "dist"
   ],
   "dependencies": {
+    "@chakra-ui/react": "^2.4.9",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
     "@headlessui/react": "^1.7.7",
     "@icon-park/react": "^1.4.2",
     "echarts": "^5.4.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/main.tsx b/src/main.tsx
@@ -4,11 +4,14 @@ import { BrowserRouter } from "react-router-dom";
 import App from "./App";
 import "@icon-park/react/styles/index.css";
 import "./index.css";
+import { ChakraProvider } from "@chakra-ui/react";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <BrowserRouter>
-      <App />
+      <ChakraProvider>
+        <App />
+      </ChakraProvider>
     </BrowserRouter>
   </React.StrictMode>
 );