IllinoisWCS · helenailic · Dec 9, 2025 · Dec 9, 2025
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -8,19 +8,10 @@
     "standard-with-typescript",
     "prettier"
   ],
-  "plugins": [
-    "react",
-    "prettier"
-  ],
+  "plugins": ["react", "prettier"],
   "rules": {
-    "semi": [
-      1,
-      "always"
-    ],
-    "quotes": [
-      2,
-      "single"
-    ],
+    "semi": [1, "always"],
+    "quotes": [2, "single"],
     "max-len": ["error", { "code": 80 }],
     "no-unused-vars": 1,
     "multiline-ternary": 0,
@@ -45,14 +36,11 @@
   },
   "overrides": [
     {
-      "files": [
-        "vite.config.ts",
-        ".eslintrc.cjs"
-      ],
+      "files": ["vite.config.ts", ".eslintrc.cjs"],
       "parserOptions": {
         "parser": "@typescript-eslint/parser",
         "project": "./tsconfig.json"
       }
     }
   ]
-}
+}
diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml
@@ -5,13 +5,12 @@ name: Node.js CI
 
 on:
   push:
-    branches: [ "main" ]
+    branches: ['main']
 
 permissions: write-all
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     strategy:
@@ -20,25 +19,25 @@ jobs:
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
-    - uses: actions/checkout@v4
-
-    - name: Setup Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v4
-      with:
-        node-version: ${{ matrix.node-version }}
-
-    - name: Install dependencies
-      run: npm install
-
-    - name: Build
-      run: npm run build
-
-    - name: Upload artifact
-      uses: actions/upload-pages-artifact@v3
-      with:
-        # Upload dist folder
-        path: './dist'
-  
-    - name: Deploy to GitHub Pages
-      id: deployment
-      uses: actions/deploy-pages@v4
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload dist folder
+          path: './dist'
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/.prettierrc b/.prettierrc
@@ -3,4 +3,4 @@
   "trailingComma": "none",
   "singleQuote": true,
   "printWidth": 80
-}
+}
diff --git a/404.html b/404.html
@@ -1,25 +1,28 @@
 <!DOCTYPE html>
 <html>
-<head>
-  <meta charset="utf-8">
-  <title>WCS Points</title>
-  <script type="text/javascript">
-    // handles redirects for single page apps on GitHub Pages
-    var segmentCount = 0;
-    var location = window.location;
-
-    // redirect to the index.html with a special query parameter containing the path
-    location.replace(
-      location.protocol + '//' + location.hostname + (location.port ? ':' + location.port : '') +
-      '/' +
-      '?path=' + 
-      location.pathname.slice(1).split('/').slice(segmentCount).join('/') +
-      (location.search || '') +
-      (location.hash || '')
-    );
-  </script>
-</head>
-<body>
-  Redirecting...
-</body>
-</html>
+  <head>
+    <meta charset="utf-8" />
+    <title>WCS Points</title>
+    <script type="text/javascript">
+      // handles redirects for single page apps on GitHub Pages
+      var segmentCount = 0;
+      var location = window.location;
+
+      // redirect to the index.html with a special query parameter containing the path
+      location.replace(
+        location.protocol +
+          '//' +
+          location.hostname +
+          (location.port ? ':' + location.port : '') +
+          '/' +
+          '?path=' +
+          location.pathname.slice(1).split('/').slice(segmentCount).join('/') +
+          (location.search || '') +
+          (location.hash || '')
+      );
+    </script>
+  </head>
+  <body>
+    Redirecting...
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -7,17 +7,17 @@
     <title>WCS Points</title>
     <script type="text/javascript">
       // Thandles the redirect from 404.html
-      (function() {
+      (function () {
         var path = window.location.search.match(/path=([^&]*)/);
         if (path) {
           var originalPath = path[1];
           var search = window.location.search.replace(/path=[^&]*(&|$)/, '');
           search = search === '?' ? '' : search;
-          
-          window.history.replaceState(null, null, 
-            '/' + originalPath + 
-            (search || '') + 
-            (window.location.hash || '')
+
+          window.history.replaceState(
+            null,
+            null,
+            '/' + originalPath + (search || '') + (window.location.hash || '')
           );
         }
       })();

diff --git a/src/App.tsx b/src/App.tsx
@@ -31,7 +31,9 @@ const App = (): React.ReactElement => {
       window.location.href = `${newUrl}#/loading/${eventKey}`;
 
       // Force a reload to ensure the component loads fresh
-      setTimeout(() => { window.location.reload(); }, 100);
+      setTimeout(() => {
+        window.location.reload();
+      }, 100);
     }
   }, []);
 

diff --git a/src/api.ts b/src/api.ts
@@ -3,8 +3,8 @@ import axios from 'axios';
 const instance = axios.create({
   baseURL: import.meta.env.VITE_BASE_URL
     ? import.meta.env.VITE_BASE_URL
-    : // : 'http://127.0.0.1:3000',
-      'https://points-api.illinoiswcs.org',
+  //  : 'http://127.0.0.1:3000',
+  : 'https://points-api.illinoiswcs.org',
   withCredentials: true
 });
 

diff --git a/src/pages/Events/ConfirmationModal/index.tsx b/src/pages/Events/ConfirmationModal/index.tsx
@@ -0,0 +1,73 @@
+import React, { useState } from 'react';
+import {
+  Modal,
+  ModalCloseButton,
+  ModalHeader,
+  ModalOverlay,
+  ModalBody,
+  ModalContent,
+  Box,
+  Button,
+  FormLabel,
+  ModalFooter
+} from '@chakra-ui/react';
+import { ConfirmationModalProps } from './types';
+import { useMutation } from 'react-query';
+import axiosInstance from '../../../api';
+import { Event } from '../../../types/event';
+
+const ConfirmationModal = (
+  props: ConfirmationModalProps
+): React.ReactElement => {
+  const [hasDeleted, setHasDeleted] = useState(false);
+  const { open, event, toggleConfirmationModal } = props;
+
+  const deleteEvent = useMutation({
+    mutationFn: async (event: Event): Promise<void> => {
+      await axiosInstance.delete(`/events/${event._id}`);
+    }
+  });
+
+  const handleEventDeletion = async (): Promise<void> => {
+    if (!event) return;
+
+    await deleteEvent.mutateAsync(event);
+    if (!hasDeleted) {
+      setHasDeleted(true);
+    }
+
+    window.location.reload();
+  };
+
+  const clearAndToggleOnNo = (): void => {
+    toggleConfirmationModal();
+  };
+
+  return (
+    <Modal isOpen={open} onClose={clearAndToggleOnNo} isCentered>
+      <ModalOverlay />
+      <ModalContent p="10">
+        <ModalCloseButton />
+        <ModalHeader>
+          <Box>{event?.name} Event Deletion</Box>
+        </ModalHeader>
+        <ModalBody>
+          <FormLabel>Do you really want to delete this event?</FormLabel>
+          <ModalFooter>
+            <Button
+              onClick={() => {
+                handleEventDeletion().catch(console.error);
+              }}
+              style={{ marginRight: '10px' }}
+            >
+              Yes
+            </Button>
+            <Button onClick={clearAndToggleOnNo}>No</Button>
+          </ModalFooter>
+        </ModalBody>
+      </ModalContent>
+    </Modal>
+  );
+};
+
+export default ConfirmationModal;
diff --git a/src/pages/Events/ConfirmationModal/types.d.ts b/src/pages/Events/ConfirmationModal/types.d.ts
@@ -0,0 +1,9 @@
+import { Event } from '../../../types/event';
+
+export interface ConfirmationModalProps {
+  open: boolean;
+  event?: Event;
+  toggleConfirmationModal: () => void;
+  toggleEventModal: () => void;
+  reloadOnClose: () => void;
+}