types fixed

frontend/dev-dist/sw.js

@@ -82,7 +82,7 @@ define(['./workbox-56da8dea'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.p4l2jp7sac"
+    "revision": "0.ga61squ3cfo"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

frontend/package.json

@@ -46,6 +46,7 @@
     "@types/node": "^22.0.2",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
+    "@types/react-helmet": "^6.1.11",
     "@typescript-eslint/eslint-plugin": "^7.15.0",
     "@typescript-eslint/parser": "^7.15.0",
     "@vitejs/plugin-react": "^4.3.1",

frontend/src/App.tsx

@@ -8,7 +8,6 @@ import Particles from "@/components/magicui/particles";
 import Meteors from "@/components/magicui/meteors";
 import Events from "./appComponents/Events";
 import Popup from "./appComponents/Popup";
-import ClubRegistration from "./appComponents/ClubRegistration";
 import ClubLogin from "./appComponents/ClubLogin";
 import { ClubAdmin } from "./appComponents/ClubAdmin";
 import "./App.css";

frontend/src/appComponents/ClubRegistration.tsx

@@ -40,7 +40,7 @@ const addClub = async (newClub: Club): Promise<Club> => {
   return response.data;
 };
 
-const ClubRegistration: React.FC<any> = ({ onClose, handleClosePopup }) => {
+const ClubRegistration: React.FC<any> = ({ onClose }) => {
   const navigate = useNavigate();
   const [displayModal, setDisplayModal] = useState(false);
   const [hidden, setHidden] = useState(true);

frontend/src/appComponents/Events.tsx

@@ -7,9 +7,8 @@ const Events = () => {
   const [events, setEvents] = useState([]);
   const isHomePage = window.location.pathname === "/";
 
-  const formatTimeRange = (startDateTime: any, endDateTime: any) => {
+  const formatTimeRange = ( endDateTime: any) => {
     // Convert the strings to Date objects
-    let start = new Date(startDateTime);
     let end = new Date(endDateTime);
 
     // Array of month names
@@ -99,7 +98,7 @@ const Events = () => {
             key={event.EventID}
             name={event.EventName}
             description={event.Description}
-            time={formatTimeRange(event.StartDateTime, event.EndDateTime)}
+            time={formatTimeRange(event.EndDateTime)}
           />
         ))}
       </div>

frontend/src/appComponents/Popup.tsx

@@ -1,11 +1,9 @@
 import { useState, useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
 import ClubRegistration from './ClubRegistration';
 
 function Popup({ onClose }: any) {
    const [showRegistrationPage, setShowRegistrationPage] = useState(false);
    const [isOpen, setIsOpen] = useState(false); // Start with the popup closed
-   const navigate = useNavigate();
 
    useEffect(() => {
       // Show the popup after 3 seconds (3000 milliseconds)