update project

Author: latifii

23-add-cart/package-lock.json

@@ -3,6 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
     "@mui/icons-material": "^5.11.11",
     "@mui/material": "^5.11.12",
     "@mui/styled-engine-sc": "^5.11.11",

23-add-cart/package.json

@@ -1,22 +1,28 @@
 import React from 'react'
+import { Route, Routes } from 'react-router'
+import { BrowserRouter } from 'react-router-dom'
+import AdminLayout from './layouts/admin-layout'
+import SimpleLayout from './layouts/simple-layout'
+import Home from './pages/home'
+import Login from './pages/login'
+import Products from './pages/products'
 
 function App() {
   return (
-    <div className='App'>
-      <header className='App-header'>
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          className='App-link'
-          href='https://reactjs.org'
-          target='_blank'
-          rel='noopener noreferrer'
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
+    <>
+      <BrowserRouter>
+        <Routes>
+          <Route element={<AdminLayout />}>
+            <Route index element={<Home />} />
+            <Route path='products' element={<Products />} />
+          </Route>
+
+          <Route element={<SimpleLayout />}>
+            <Route path='login' element={<Login />} />
+          </Route>
+        </Routes>
+      </BrowserRouter>
+    </>
   )
 }
 

23-add-cart/src/App.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Home = () => {
+  return <div>Home</div>
+}
+
+export default Home

23-add-cart/src/pages/home/index.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Products = () => {
+  return <div>Products</div>
+}
+
+export default Products