Merge pull request #36 from uwblueprint/F24/Justin/User-Management-Pa…

…ge-Skeleton

F24/justin/add user management and admin pages

frontend/src/App.tsx

@@ -28,6 +28,8 @@ import EditTeamInfoPage from "./components/pages/EditTeamPage";
 import HooksDemo from "./components/pages/HooksDemo";
 import NotificationsPage from "./components/pages/NotificationsPage";
 import ProfilePage from "./components/pages/ProfilePage";
+import UserManagementPage from "./components/pages/UserManagementPage";
+import AdminPage from "./components/pages/AdminPage";
 
 import { AuthenticatedUser } from "./types/AuthTypes";
 
@@ -131,6 +133,18 @@ const App = (): React.ReactElement => {
                 component={ProfilePage}
                 allowedRoles={AuthConstants.ALL_ROLES}
               />
+              <PrivateRoute
+                exact
+                path={Routes.ADMIN_PAGE}
+                component={AdminPage}
+                allowedRoles={AuthConstants.ADMIN_AND_BEHAVIOURISTS}
+              />
+              <PrivateRoute
+                exact
+                path={Routes.USER_MANAGEMENT_PAGE}
+                component={UserManagementPage}
+                allowedRoles={AuthConstants.ADMIN_AND_BEHAVIOURISTS}
+              />
               <Route exact path="*" component={NotFound} />
             </Switch>
           </Router>

frontend/src/components/pages/AdminPage.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import MainPageButton from "../common/MainPageButton";
+
+const AdminPage = (): React.ReactElement => {
+  return (
+    <div style={{ textAlign: "center", width: "25%", margin: "0px auto" }}>
+      <h1>Admin Page</h1>
+      <MainPageButton />
+    </div>
+  );
+};
+
+export default AdminPage;

frontend/src/components/pages/UserManagementPage.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import MainPageButton from "../common/MainPageButton";
+
+const UserManagementPage = (): React.ReactElement => {
+  return (
+    <div style={{ textAlign: "center", width: "25%", margin: "0px auto" }}>
+      <h1>User Management</h1>
+      <MainPageButton />
+    </div>
+  );
+};
+
+export default UserManagementPage;

frontend/src/constants/Routes.ts

@@ -25,3 +25,7 @@ export const NOTIFICATIONS_PAGE = "/notifications";
 export const PROFILE_PAGE = "/profile";
 
 export const DEV_UTILITY_PAGE = "/dev-utility"; // TODO: This is only here for development purposes
+
+export const USER_MANAGEMENT_PAGE = "/admin/users";
+
+export const ADMIN_PAGE = "/admin";