Merge pull request #18 from shapeshift/feat_chakra

package.json

@@ -13,6 +13,10 @@
     "type-check": "yarn tsc --noEmit"
   },
   "dependencies": {
+    "@chakra-ui/react": "^2.8.2",
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "framer-motion": "^10.17.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

src/main.tsx

@@ -1,11 +1,16 @@
 import './index.css'
 
+import { ChakraProvider, createLocalStorageManager } from '@chakra-ui/react'
 import App from 'App'
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 
+const manager = createLocalStorageManager('ss-theme')
+
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <App />
+    <ChakraProvider colorModeManager={manager} cssVarsRoot='body'>
+      <App />
+    </ChakraProvider>
   </React.StrictMode>,
 )