Prettier

components/Event/Event.tsx

@@ -16,7 +16,7 @@ import {
 import { Media } from '@/lib/media';
 import Footer from '@/components/Event/Footer';
 import { BOOKEM_THEME } from '@/utils/constants';
-import {message} from 'antd';
+import { message } from 'antd';
 import ApplicationPopup from './EventApplication/ApplicationPopup';
 
 /**
@@ -45,22 +45,25 @@ const Event = ({ event }: { event: QueriedVolunteerEventDTO }) => {
 
   useEffect(() => {
     const fetchApplicationStatus = async () => {
-
       // Fetch the submitted application
-      const response = await fetch(`/api/event/${event._id}/submitted-application`, {
-        method: 'GET'
-      });
+      const response = await fetch(
+        `/api/event/${event._id}/submitted-application`,
+        {
+          method: 'GET',
+        }
+      );
 
       // console.log("response: ", response.status)
 
       // if the application is not found, it means the user has not applied to the event
       // do nothing
-      if (response.status === 404 || response.status === 400){
+      if (response.status === 404 || response.status === 400) {
         return;
       }
-
-      const {application: eventApplication, response: applicationResponse} = await response.json();
-
+
+      const { application: eventApplication, response: applicationResponse } =
+        await response.json();
+
       // console.log("application: ", eventApplication)
       // console.log("response: ", applicationResponse)
 
@@ -71,11 +74,10 @@ const Event = ({ event }: { event: QueriedVolunteerEventDTO }) => {
       setApplicationResponse(applicationResponse);
     };
 
-    if (event.applicationId != null){
+    if (event.applicationId != null) {
       fetchApplicationStatus();
     }
-  }
-  , [event._id, event.applicationId]);
+  }, [event._id, event.applicationId]);
 
   /**
    * Sign up/Unsign up the current user to the event
@@ -195,20 +197,19 @@ const Event = ({ event }: { event: QueriedVolunteerEventDTO }) => {
       </Media>
 
       {/* Application Popup */}
-      {
-        event.applicationId != null &&
-        <ApplicationPopup 
+      {event.applicationId != null && (
+        <ApplicationPopup
           event={event}
-          visible={showApplication} 
+          visible={showApplication}
           onClose={() => {
             setShowApplication(false);
-          }} 
+          }}
           onSubmit={() => {
             message.success('Application Submitted');
             setSignedUp(true);
           }}
         />
-      }
+      )}
     </>
   );
 };

components/Event/EventApplication/ApplicationPopup.tsx

@@ -100,10 +100,10 @@ export default function ApplicationPopup({
       });
 
       // no application questions found
-      if(res.status === 404){
+      if (res.status === 404) {
         return;
       }
-      
+
       const data = await res.json();
       const questions = data.message;
       setQuestions(questions);

components/Event/EventApplication/ApplicationStatusDisplay.tsx

@@ -1,51 +1,52 @@
 import { StatusDisplayText } from '@/styles/components/Event/eventName.styles';
-import { CheckCircleOutlined, ReadOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
+import {
+  CheckCircleOutlined,
+  ReadOutlined,
+  ExclamationCircleOutlined,
+} from '@ant-design/icons';
 import { useState, useEffect } from 'react';
 import {
   ApplicationStatus,
   ApplicationResponseData,
   QueriedVolunteerEventDTO,
 } from 'bookem-shared/src/types/database';
 
-
 const ApprovedText = () => (
   <span>
     <CheckCircleOutlined
-        style={{
-          color: 'green',
-          margin: '0 10px',
-        }}
-      />
-      Approved
+      style={{
+        color: 'green',
+        margin: '0 10px',
+      }}
+    />
+    Approved
   </span>
 );
 
 const PendingText = () => (
   <span>
     <ReadOutlined
-        style={{
-          color: 'orange',
-          margin: '0 10px',
-        }}
-      />
-      Under Review
+      style={{
+        color: 'orange',
+        margin: '0 10px',
+      }}
+    />
+    Under Review
   </span>
 );
 
 const RejectedText = () => (
   <span>
     <ExclamationCircleOutlined
-        style={{
-          color: 'red',
-          margin: '0 10px',
-        }}
-      />
-      Rejected
+      style={{
+        color: 'red',
+        margin: '0 10px',
+      }}
+    />
+    Rejected
   </span>
 );
 
-
-
 const statusDisplayText = {
   [ApplicationStatus.Pending]: <PendingText />,
   [ApplicationStatus.Approved]: <ApprovedText />,
@@ -67,7 +68,7 @@ const ApplicationStatusDisplay = ({
 
   return (
     <StatusDisplayText>
-      Application Status: 
+      Application Status:
       <br />
       {statusDisplayText[applicationResponses.status]}
     </StatusDisplayText>

components/Event/EventName.tsx

@@ -22,9 +22,6 @@ export const getEventLength = (event: QueriedVolunteerEventDTO) => {
   else return 0;
 };
 
-
-
-
 /**
  * Contain the Event name and sign up button
  * @param event