added menu components

brainstems-FE/package.json

@@ -6,6 +6,7 @@
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-router": "^5.0.1",
+    "react-router-dom": "^5.0.1",
     "react-scripts": "3.0.1"
   },
   "scripts": {

brainstems-FE/src/App.js

@@ -3,10 +3,11 @@ import './App.css';
 import PicLogin from "./Components/picLogin";
 import DashboardComp from './Components/DashboardComp'
 
+
 function App() {
   return (
     <div className="App">
-       <PicLogin />
+       {/* <PicLogin /> */}
        <DashboardComp />
 
     </div>

brainstems-FE/src/Components/AddActivityComp.js

@@ -0,0 +1,13 @@
+import React from 'react'
+
+class AddActivityComp extends React.Component {
+    render() {
+        return(
+            <div>
+                <h1>hi from AddActivity</h1>
+            </div>
+        )
+    }
+}
+
+export default AddActivityComp

brainstems-FE/src/Components/CompletedActivitiesComp.js

@@ -0,0 +1,13 @@
+import React from 'react'
+
+class CompletedActivitiesComp extends React.Component {
+    render() {
+        return(
+            <div>
+                <h1>CompletedActivitiesComp</h1>
+            </div>
+        )
+    }
+}
+
+export default CompletedActivitiesComp

brainstems-FE/src/Components/DashboardComp.js

@@ -1,12 +1,34 @@
 import React from 'react'
+import picLogin from './picLogin'
+import AddActivityComp from './AddActivityComp'
+import ExistingActivitiesComp from './ExistingActivitiesComp'
+import CompletedActivitiesComp from './CompletedActivitiesComp'
+import FavouriteActivitiesComp from './FavouriteActivitiesComp'
+
 import { NavLink, Switch, Route, Link, BrowserRouter as Router } from 'react-router-dom'
 
 class DashboardComp extends React.Component {
     render() {
         return (
-            <div>
-                <h1>hi from DashboardComp</h1>
-            </div>
+            <Router>
+                <div>
+                    <h1>hi from DashboardComp</h1>
+                    <NavLink to='/studentlogin'>Student Login</NavLink>
+                    <NavLink to='/addactivity'>Add New Activity</NavLink>
+                    <NavLink to='/existingactivities'>Existing Activities</NavLink>
+                    <NavLink to='/completedactivities'>Completed Activities</NavLink>
+                    <NavLink to='/favouriteactivities'>Favourite Activities</NavLink>
+
+                    <Switch>
+                        <Route path='/studentlogin' component={picLogin} />
+                        <Route path='/addactivity' component={AddActivityComp} />
+                        <Route path='/existingactivities' component={ExistingActivitiesComp} />
+                        <Route path='/completedactivities' component={CompletedActivitiesComp} />
+                        <Route path='/favouriteactivities' component={FavouriteActivitiesComp} />
+
+                    </Switch>
+                </div>
+            </Router>
         )
     }
 }

brainstems-FE/src/Components/ExistingActivitiesComp.js

@@ -0,0 +1,14 @@
+import React from 'react'
+
+class ExistingActivitiesComp extends React.Component {
+    render() {
+        console.log('from exist')
+        return(
+            <div>
+                <h1>hi from ExistingActivitiesComp</h1>
+            </div>
+        )
+    }
+}
+
+export default ExistingActivitiesComp

brainstems-FE/src/Components/FavouriteActivitiesComp.js

@@ -0,0 +1,14 @@
+import React from 'react'
+
+class FavouriteActivitiesComp extends React.Component {
+    render() {
+        console.log('from exist')
+        return(
+            <div>
+                <h1>hi from FavouriteActivitiesComp</h1>
+            </div>
+        )
+    }
+}
+
+export default FavouriteActivitiesComp