diff options
author | Jeff <jeffkleinaitis@gmail.com> | 2024-04-19 17:45:02 -0400 |
---|---|---|
committer | Jeff <jeffkleinaitis@gmail.com> | 2024-04-19 17:45:02 -0400 |
commit | 2dee33fda2ccceba6a567ed191973796ed4cb5fa (patch) | |
tree | 6255c6e2913cf4619aa6dd578364cb38e7f981b4 /src | |
parent | 595c59fcb0760b89a2f599efaecfcf850b76a38c (diff) |
feat: Added new pages and routes for sidebar options
Diffstat (limited to 'src')
-rw-r--r-- | src/App.js | 6 | ||||
-rw-r--r-- | src/pages/FindOpportunities.js | 23 | ||||
-rw-r--r-- | src/pages/Messages.js | 23 | ||||
-rw-r--r-- | src/pages/RecruitVolunteers.js | 23 |
4 files changed, 75 insertions, 0 deletions
@@ -16,6 +16,9 @@ import PrivacyPolicy from "./pages/PrivacyPolicy"; import Dashboard from "./pages/Dashboard"; import {AuthProvider} from "./providers/AuthContext"; import Profile from "./pages/Profile"; +import FindOpportunities from "./pages/FindOpportunities"; +import RecruitVolunteers from "./pages/RecruitVolunteers"; +import Messages from "./pages/Messages"; function App() { const location = useLocation(); @@ -36,6 +39,9 @@ function App() { <Route path="/login" element={<Login />} /> <Route path="/dashboard" element={<Dashboard />} /> <Route path="/profile" element={<Profile />} /> + <Route path="/find-opportunities" element={<FindOpportunities />} /> + <Route path="/recruit-volunteers" element={<RecruitVolunteers />} /> + <Route path="/messages" element={<Messages />} /> <Route path="/forgot-password" element={<ForgotPassword />} /> <Route path="/sign-up" element={<SignUp />} /> </Routes> diff --git a/src/pages/FindOpportunities.js b/src/pages/FindOpportunities.js new file mode 100644 index 0000000..ee0d2ce --- /dev/null +++ b/src/pages/FindOpportunities.js @@ -0,0 +1,23 @@ +import React, { useContext } from 'react'; +import { AuthContext } from '../providers/AuthContext'; +import GridLayout from '../layouts/GridLayout'; + +const FindOpportunities = () => { + const { user } = useContext(AuthContext); + + return ( + <> + {!user ? ( + <h1>tuna tees here</h1> + ) : ( + <GridLayout> + <> + tuna tees here + </> + </GridLayout> + )} + </> + ); +}; + +export default FindOpportunities;
\ No newline at end of file diff --git a/src/pages/Messages.js b/src/pages/Messages.js new file mode 100644 index 0000000..b6aed5f --- /dev/null +++ b/src/pages/Messages.js @@ -0,0 +1,23 @@ +import React, { useContext } from 'react'; +import { AuthContext } from '../providers/AuthContext'; +import GridLayout from '../layouts/GridLayout'; + +const Messages = () => { + const { user } = useContext(AuthContext); + + return ( + <> + {!user ? ( + <h1>you got a DM from Barak Obamna</h1> + ) : ( + <GridLayout> + <> + you got a DM from Barak Obamna + </> + </GridLayout> + )} + </> + ); +}; + +export default Messages;
\ No newline at end of file diff --git a/src/pages/RecruitVolunteers.js b/src/pages/RecruitVolunteers.js new file mode 100644 index 0000000..c637656 --- /dev/null +++ b/src/pages/RecruitVolunteers.js @@ -0,0 +1,23 @@ +import React, { useContext } from 'react'; +import { AuthContext } from '../providers/AuthContext'; +import GridLayout from '../layouts/GridLayout'; + +const RecruitVolunteers = () => { + const { user } = useContext(AuthContext); + + return ( + <> + {!user ? ( + <h1>uncle sam want u</h1> + ) : ( + <GridLayout> + <> + uncle sam want u + </> + </GridLayout> + )} + </> + ); +}; + +export default RecruitVolunteers;
\ No newline at end of file |