diff options
| -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 |