Add @types/react-router-dom and [email protected] dependencies

Watts-Lab · Apr 26, 2024 · 5f7b8f7 · 5f7b8f7
1 parent 771ce36
commit 5f7b8f7
Show file tree

Hide file tree

Showing 5 changed files with 145 additions and 70 deletions.
diff --git a/client/package.json b/client/package.json
@@ -12,9 +12,11 @@
   },
   "dependencies": {
     "@dagrejs/dagre": "^1.0.4",
+    "@types/react-router-dom": "^5.3.3",
     "dagre": "^0.8.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.23.0",
     "reactflow": "^11.10.3"
   },
   "devDependencies": {

diff --git a/client/src/App.tsx b/client/src/App.tsx
@@ -1,15 +1,25 @@
 import Dashboard from "./components/Builder/Dashboard";
 import WorkflowProvider from "./context/WorkflowProvider";
 import { ReactFlowProvider } from "reactflow";
+import { BrowserRouter as Router, Link } from "react-router-dom";
 
 function App() {
   return (
     <>
       <ReactFlowProvider>
         <WorkflowProvider>
-          <div>
-            <Dashboard />
-          </div>
+          <Router>
+            <ul>
+              <li>
+                <Link to="/dashboard">
+                  <Dashboard />
+                </Link>
+              </li>
+              <li>
+                <Link to="/table">Zillow Group</Link>
+              </li>
+            </ul>
+          </Router>
         </WorkflowProvider>
       </ReactFlowProvider>
     </>

diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx
diff --git a/client/src/pages/Table.tsx b/client/src/pages/Table.tsx
diff --git a/package-lock.json b/package-lock.json