linting

Author: applepie7864

frontend/src/App.tsx

@@ -80,7 +80,7 @@ const App = (): React.ReactElement => {
   const theme = extendTheme({
     colors,
     textStyles,
-    components: { 
+    components: {
       Text,
       Progress,
       Checkbox,

frontend/src/admin/AdminContext.tsx

@@ -20,7 +20,9 @@ interface AdminProviderProps {
 
 export const AdminProvider: React.FC<AdminProviderProps> = ({ children }) => {
   const [role, setRole] = useState<string>("");
-  const [roomToParticipant, setRoomToParticipant] = useState<Record<number, number>>({});
+  const [roomToParticipant, setRoomToParticipant] = useState<
+    Record<number, number>
+  >({});
 
   return (
     <AdminContext.Provider

frontend/src/admin/AdminMenu.tsx

@@ -74,7 +74,7 @@ export default function AdminMenu() {
     { label: "Participants", route: ROUTES.ADMIN_PARTICIPANTS_PAGE },
     { label: "Task Library", route: ROUTES.ADMIN_TASKS_PAGE },
     { label: "Badge Library", route: ROUTES.ADMIN_BADGES_PAGE },
-    
+
     ...(role === ADMIN
       ? [{ label: "Reports", route: ROUTES.ADMIN_REPORTS_PAGE }]
       : []),

frontend/src/admin/AdminRoute.tsx

@@ -65,7 +65,7 @@ export default function AdminRoute({ children }: AdminRouteProps) {
           adminContext.setRole(role);
         }
         setPopulatingContext(false);
-      }
+      };
       populateContext();
     }
   }, [authorizing, authorized]);

frontend/src/admin/pages/announcements/components/AnnouncementCard.tsx

@@ -36,7 +36,7 @@ export default function AnnouncementCard({
       await deleteAnnouncement({
         variables: { aid },
       });
-      
+
       refetch();
       sendNotification("Announcement deleted successfully");
     } catch (err: any) {
@@ -55,21 +55,15 @@ export default function AnnouncementCard({
       <Flex direction="row" justify="space-between" align="center" gap="20px">
         <Flex direction="column" flex="1">
           <Flex align="center" gap={1.5}>
-            <Text textStyle="s1">
-              {room}
-            </Text>
+            <Text textStyle="s1">{room}</Text>
             <Flex>
-              {(priority === Priority.HIGH || priority === Priority.CRITICAL) && <ExclamationMark />}
+              {(priority === Priority.HIGH ||
+                priority === Priority.CRITICAL) && <ExclamationMark />}
               {priority === Priority.CRITICAL && <ExclamationMark />}
             </Flex>
           </Flex>
 
-          <Text
-            textStyle="b1"
-            mt={1}
-            whiteSpace="pre-line"
-            color="text.dark"
-          >
+          <Text textStyle="b1" mt={1} whiteSpace="pre-line" color="text.dark">
             {message}
           </Text>
 

frontend/src/admin/pages/announcements/components/CreateAnnouncementModal.tsx

@@ -32,7 +32,12 @@ const CreateAnnouncementModal = ({
   const { roomToParticipant } = useContext(AdminContext);
 
   const handleSend = async () => {
-    if (selectedRooms.length === 0 || priority === null || message === "" || topic === "") {
+    if (
+      selectedRooms.length === 0 ||
+      priority === null ||
+      message === "" ||
+      topic === ""
+    ) {
       setError("Missing fields.");
       return;
     }

frontend/src/admin/pages/badges/components/AssignCustomBadgeModal.tsx

@@ -130,9 +130,7 @@ const AssignCustomBadgeModal: React.FC<AssignCustomBadgeModalProps> = ({
 
       <Flex w="100%" h="1px" bg="background.border" mt="6px" />
 
-      <Text textStyle="s2">
-        Choose Room(s)
-      </Text>
+      <Text textStyle="s2">Choose Room(s)</Text>
       <Grid templateColumns="repeat(5, 1fr)" gap="5px">
         {ROOM_NUMBERS.map((num: number) => (
           <GreenOutlineButton

frontend/src/admin/pages/badges/components/CreateCustomBadgeModal.tsx

@@ -97,7 +97,9 @@ const CreateCustomBadgeModal = ({
               py="12px"
               px="8px"
               border="1px solid"
-              borderColor={isSelected ? "brand.primaryDark" : "background.border"}
+              borderColor={
+                isSelected ? "brand.primaryDark" : "background.border"
+              }
               borderRadius="8px"
               cursor="pointer"
               onClick={() => setSelectedIcon(icon)}

frontend/src/admin/pages/badges/components/CustomBadgeTable.tsx

@@ -52,10 +52,12 @@ const CustomBadgeTable = ({
     { header: "Badge Name", width: "25%" },
     { header: "Description", width: "68%" },
 
-    ...(role === ADMIN ? [
-      { header: "", width: "1%" },
-      { header: "", width: "1%" },
-    ] : []),
+    ...(role === ADMIN
+      ? [
+          { header: "", width: "1%" },
+          { header: "", width: "1%" },
+        ]
+      : []),
   ];
 
   const rows: Row[][] = badges.length
@@ -66,19 +68,21 @@ const CustomBadgeTable = ({
           { element: badge.name },
           { element: badge.description },
 
-          ...(role === ADMIN ? [
-            {
-              element: <Marker size={20} />,
-              action: () => {
-                setSelected(badge);
-                setEdit(true);
-              },
-            },
-            {
-              element: <Trash size={20} />,
-              action: async () => handleDelete(badge.cid),
-            },
-          ] : []),
+          ...(role === ADMIN
+            ? [
+                {
+                  element: <Marker size={20} />,
+                  action: () => {
+                    setSelected(badge);
+                    setEdit(true);
+                  },
+                },
+                {
+                  element: <Trash size={20} />,
+                  action: async () => handleDelete(badge.cid),
+                },
+              ]
+            : []),
         ];
       })
     : [];

frontend/src/admin/pages/badges/components/EditSystemBadgeModal.tsx

@@ -164,9 +164,7 @@ const EditSystemBadgeModal = ({
 
       <Flex justifyContent="space-between" alignItems="center" w="100%">
         <Flex flexDir="column" gap="5px">
-          <Text textStyle="s2">
-            Set Badge Levels
-          </Text>
+          <Text textStyle="s2">Set Badge Levels</Text>
           {LEVEL_ORDER.map((level: Level) => {
             if (!badgeLevels[level]) return null;
             const data = badgeLevels[level];
@@ -199,10 +197,7 @@ const EditSystemBadgeModal = ({
           })}
         </Flex>
         <Flex flexDir="column" gap="5px">
-          <Text
-            textStyle="s2"
-            textAlign="right"
-          >
+          <Text textStyle="s2" textAlign="right">
             Marillac Bucks
           </Text>
           {LEVEL_ORDER.map((level: Level) => {