feat(web-client): Add chakra ui (#209)

* added chakra ui * added chakra provider * changed chakra provider destination
IEDCMEC · Dec 30, 2023 · 6a5d622 · 6a5d622
1 parent 37adf18
commit 6a5d622
Show file tree

Hide file tree

Showing 3 changed files with 1,512 additions and 14 deletions.
diff --git a/apps/web-client/package.json b/apps/web-client/package.json
@@ -9,6 +9,9 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@chakra-ui/react": "^2.8.2",
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
     "@hookform/resolvers": "^3.3.1",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-icons": "^1.3.0",
@@ -26,6 +29,7 @@
     "eslint": "8.56.0",
     "eslint-config-custom": "workspace:*",
     "eslint-config-next": "14.0.4",
+    "framer-motion": "^10.16.16",
     "lucide-react": "^0.302.0",
     "next": "14.0.4",
     "postcss": "8.4.31",

diff --git a/apps/web-client/src/pages/_app.jsx b/apps/web-client/src/pages/_app.jsx
@@ -1,6 +1,7 @@
 import '@/styles/globals.css';
 import React, { useEffect, useState } from 'react';
 import { useRouter } from 'next/router';
+import { ChakraProvider } from '@chakra-ui/react';
 
 export default function App({ Component, pageProps }) {
   const router = useRouter();
@@ -13,5 +14,9 @@ export default function App({ Component, pageProps }) {
     }
   }, []);
 
-  return <Component {...pageProps} />;
+  return (
+    <ChakraProvider>
+      <Component {...pageProps} />
+    </ChakraProvider>
+  );
 }