base stuff

Author: devksingh4

src/common/orgs.ts

@@ -17,7 +17,7 @@ export const SIGList = [
   "SIGARCH",
   "SIGRobotics",
   "SIGtricity",
-] as const;
+] as [string, ...string[]];
 
 export const CommitteeList = [
   "Infrastructure Committee",
@@ -26,5 +26,5 @@ export const CommitteeList = [
   "Academic Committee",
   "Corporate Committee",
   "Marketing Committee",
-] as const;
-export const OrganizationList = ["ACM", ...SIGList, ...CommitteeList];
+] as [string, ...string[]];
+export const OrganizationList = ["ACM", ...SIGList, ...CommitteeList] as [string, ...string[]];

src/common/roles.ts

@@ -9,6 +9,8 @@ export enum AppRoles {
   IAM_INVITE_ONLY = "invite:iam",
   STRIPE_LINK_CREATOR = "create:stripeLink",
   BYPASS_OBJECT_LEVEL_AUTH = "bypass:ola",
+  ROOM_REQUEST_CREATE = "create:roomRequest",
+  ROOM_REQUEST_UPDATE = "update:roomRequest"
 }
 export const allAppRoles = Object.values(AppRoles).filter(
   (value) => typeof value === "string",

src/common/types/roomRequest.ts

@@ -0,0 +1,12 @@
+import { z } from "zod";
+import { OrganizationList } from "../orgs";
+
+export const roomRequestPostSchema = z.object({
+  organization: z.enum(OrganizationList),
+  name: z.string().min(1),
+  description: z.string().min(1),
+  start: z.number().min(0),
+  end: z.number().min(0).max(604800),
+});
+
+export type RoomRequestPostRequest = z.infer<typeof roomRequestPostSchema>;

src/ui/Router.tsx

@@ -19,6 +19,7 @@ import { ViewTicketsPage } from './pages/tickets/ViewTickets.page';
 import { ManageIamPage } from './pages/iam/ManageIam.page';
 import { ManageProfilePage } from './pages/profile/ManageProfile.page';
 import { ManageStripeLinksPage } from './pages/stripe/ViewLinks.page';
+import { ManageRoomRequestsPage } from './pages/roomRequest/RoomRequest.page';
 
 const ProfileRediect: React.FC = () => {
   const location = useLocation();
@@ -162,6 +163,10 @@ const authenticatedRouter = createBrowserRouter([
     path: '/stripe',
     element: <ManageStripeLinksPage />,
   },
+  {
+    path: '/roomRequest',
+    element: <ManageRoomRequestsPage />,
+  },
   // Catch-all route for authenticated users shows 404 page
   {
     path: '*',

src/ui/components/AppShell/index.tsx

@@ -17,6 +17,7 @@ import {
   IconPizza,
   IconTicket,
   IconLock,
+  IconDoor,
 } from '@tabler/icons-react';
 import { ReactNode } from 'react';
 import { useNavigate } from 'react-router-dom';
@@ -65,6 +66,13 @@ export const navItems = [
     description: null,
     validRoles: [AppRoles.STRIPE_LINK_CREATOR],
   },
+  {
+    link: '/roomRequest',
+    name: 'Room Requests',
+    icon: IconDoor,
+    description: null,
+    validRoles: [AppRoles.ROOM_REQUEST_CREATE, AppRoles.ROOM_REQUEST_UPDATE],
+  },
 ];
 
 export const extLinks = [

src/ui/pages/roomRequest/RoomRequest.page.tsx

@@ -0,0 +1,34 @@
+import React, { useState } from 'react';
+import { Card, Container, Divider, Title, Text } from '@mantine/core';
+import { AuthGuard } from '@ui/components/AuthGuard';
+import { AppRoles } from '@common/roles';
+import {
+  GetInvoiceLinksResponse,
+  PostInvoiceLinkRequest,
+  PostInvoiceLinkResponse,
+} from '@common/types/stripe';
+import { useApi } from '@ui/util/api';
+
+export const ManageRoomRequestsPage: React.FC = () => {
+  const api = useApi('core');
+
+  const getLinks = async (semester: string): Promise<GetInvoiceLinksResponse> => {
+    const response = await api.get(`/api/v1/roomRequests/${semester}`);
+    return response.data;
+  };
+
+  return (
+    <AuthGuard
+      resourceDef={{
+        service: 'core',
+        validRoles: [AppRoles.ROOM_REQUEST_CREATE, AppRoles.ROOM_REQUEST_UPDATE],
+      }}
+      showSidebar={true}
+    >
+      <Container>
+        <Title>Room Requests</Title>
+        Coming soon!
+      </Container>
+    </AuthGuard>
+  );
+};