Merge pull request #4165 from Northeastern-Electric-Racing/#4127-guest-info-page

#4127 guest info page

Author: wavehassman

src/frontend/src/app/AppAuthenticated.tsx

@@ -29,6 +29,7 @@ import Statistics from '../pages/StatisticsPage/Statistics';
 import RetrospectiveGanttChartPage from '../pages/RetrospectivePage/Retrospective';
 import Calendar from '../pages/CalendarPage/Calendar';
 import GuestEventPage from '../pages/GuestEventPage/GuestEventPage';
+import GuestInfoPage from '../pages/GuestInfoPage/GuestInfoPage';
 import ProjectManagementPage from '../pages/ProjectManagementPage/ProjectManagementPage';
 import SidebarLayout from '../layouts/SidebarLayout';
 
@@ -82,6 +83,7 @@ const AppAuthenticated: React.FC<AppAuthenticatedProps> = ({ userId, userRole })
               <Route path={routes.RETROSPECTIVE} component={RetrospectiveGanttChartPage} />
               <Route path={routes.PROJECT_MANAGEMENT} component={ProjectManagementPage} />
               <Route path={routes.EVENTS} component={GuestEventPage} />
+              <Route path={routes.GUEST_INFO} component={GuestInfoPage} />
               <Redirect from={routes.BASE} to={routes.HOME} />
               <Route path="*" component={PageNotFound} />
             </Switch>

src/frontend/src/layouts/Sidebar/Sidebar.tsx

@@ -170,7 +170,7 @@ const Sidebar = ({ drawerOpen, setDrawerOpen, moveContent, setMoveContent }: Sid
     {
       name: 'Info',
       icon: <QuestionMarkIcon />,
-      route: routes.INFO
+      route: isGuest(user.role) ? routes.GUEST_INFO : routes.INFO
     }
   ].filter(Boolean) as LinkItem[];
 

src/frontend/src/pages/GuestInfoPage/GuestInfoPage.tsx

@@ -0,0 +1,33 @@
+import { useAllGuestDefinitions } from '../../hooks/recruitment.hooks';
+import ErrorPage from '../ErrorPage';
+import LoadingIndicator from '../../components/LoadingIndicator';
+import { GuestDefinitionType } from 'shared';
+import PageLayout from '../../components/PageLayout';
+import PageBlock from '../../layouts/PageBlock';
+import { Typography } from '@mui/material';
+
+const GuestInfoPage: React.FC = () => {
+  const { data: definitions, isLoading, isError, error } = useAllGuestDefinitions();
+
+  if (isError) {
+    return <ErrorPage message={error.message} />;
+  }
+  if (isLoading || !definitions) return <LoadingIndicator />;
+
+  const filteredDefinitions = definitions
+    .filter((definition) => definition.type === GuestDefinitionType.INFO_PAGE)
+    .sort((a, b) => a.order - b.order);
+  return (
+    <PageLayout title="Information">
+      {filteredDefinitions.map((def) => {
+        return (
+          <PageBlock title={def.term}>
+            <Typography>{def.description}</Typography>
+          </PageBlock>
+        );
+      })}
+    </PageLayout>
+  );
+};
+
+export default GuestInfoPage;

src/frontend/src/utils/routes.ts

@@ -7,6 +7,7 @@
 const BASE = `/`;
 const LOGIN = `/login`;
 const INFO = `/info`;
+const GUEST_INFO = `/guestinfo`;
 const GANTT = `/gantt`;
 const CREDITS = `/credits`;
 
@@ -85,6 +86,7 @@ export const routes = {
   BASE,
   LOGIN,
   INFO,
+  GUEST_INFO,
   CREDITS,
 
   HOME,