Add DrawerMenu and Route

Author: mojo9492

client/src/App.tsx

@@ -11,6 +11,7 @@ import { Footer } from "./Navigation/Footer";
 import { About } from "./About";
 import { UserSettings } from "./Users/UserSettings";
 import { UserContextProvider } from "./Users/UserContext";
+import OrganizationSettings from "./Organization/OrganizationSettings";
 
 const App: React.FC = () => {
     return (
@@ -26,6 +27,10 @@ const App: React.FC = () => {
                                     <Route path="/editEvent/:eventId" component={CreateEvent} />
                                     <Route path="/event/:eventId" component={EventPage} />
                                     <Route path="/about" component={About} />
+                                    <Route
+                                        path="/organizationSettings"
+                                        component={OrganizationSettings}
+                                    />
                                     <Route path="/settings" component={UserSettings} />
                                     <Route path="/" component={Home} />
                                 </Switch>

client/src/Organization/OrganizationSettings.tsx

@@ -0,0 +1,25 @@
+import React, { useContext, useEffect } from "react";
+import UserContext from "../Users/UserContext";
+
+const OrganizationSettings: React.FC = () => {
+    const tsrUser = useContext(UserContext);
+
+    useEffect(() => {
+        if (tsrUser === undefined) {
+            return;
+        }
+    }, [tsrUser]);
+
+    if (tsrUser === undefined) {
+        return <></>;
+    }
+
+    return (
+        <>
+            <h1 className="UserSettings-Header">{`${tsrUser.username} organization settings`}</h1>
+            <p>`Role :${tsrUser.role}`</p>
+        </>
+    );
+};
+
+export default OrganizationSettings;