use url instead of localstorage

src/App.jsx

@@ -50,7 +50,6 @@ function App() {
 
   useEffect(() => {
     if (location === '/') {
-      localStorage.removeItem('activeHackathon')
       document.title = 'Hacker Portal'
     }
   }, [location])

src/components/HackathonCard.jsx

@@ -219,7 +219,6 @@ const HackathonCard = ({
   isUpNext,
 }) => {
   const [_, navigate] = useLocation()
-  const { setActiveHackathon } = useHackathon()
 
   return (
     <StyledHackathonCard background={background} isUpNext={isUpNext}>
@@ -247,7 +246,6 @@ const HackathonCard = ({
             color={buttonColour}
             labelColor={buttonTextColour}
             onClick={() => {
-              setActiveHackathon(hackathonName.toLowerCase())
               handleNavigation(applicationOpen, visitWebsite, hackathonName, navigate)
             }}
             hoverColor={buttonHoverColor}

src/pages/Charcuterie.jsx

@@ -56,7 +56,7 @@ const toggleTheme = (navigate, activeHackathon) => {
 }
 
 const Charcuterie = () => {
-  const { activeHackathon, setActiveHackathon } = useHackathon()
+  const { activeHackathon } = useHackathon()
   const [_, navigate] = useLocation()
   const [states, setStates] = useState({
     checkbox: false,
@@ -77,11 +77,7 @@ const Charcuterie = () => {
   `
   return (
     <>
-      <Button
-        color="secondary"
-        width="flex"
-        onClick={() => toggleTheme(navigate, activeHackathon, setActiveHackathon)}
-      >
+      <Button color="secondary" width="flex" onClick={() => toggleTheme(navigate, activeHackathon)}>
         Toggle Theme
       </Button>
       <Button color="secondary" width="flex" onClick={() => setIsLoading(!isLoading)}>

src/utility/HackathonProvider.jsx

@@ -1,4 +1,5 @@
 import { createContext, useContext, useState, useEffect } from 'react'
+import { useLocation } from 'wouter'
 import { DB_HACKATHON_NAMES, VALID_HACKATHONS } from './Constants'
 
 const HackathonContext = createContext()
@@ -12,18 +13,13 @@ function getValidHackathon(hackathon) {
 }
 
 export default function HackathonProvider({ children }) {
-  const storedHackathon = localStorage.getItem('activeHackathon')
-  const initialHackathon = getValidHackathon(storedHackathon || '')
-  const [activeHackathon, setActiveHackathon] = useState(initialHackathon)
-  const [dbHackathonName, setDbHackathonName] = useState(DB_HACKATHON_NAMES[initialHackathon])
-
-  useEffect(() => {
-    localStorage.setItem('activeHackathon', activeHackathon)
-    setDbHackathonName(DB_HACKATHON_NAMES[activeHackathon])
-  }, [activeHackathon])
+  const [location] = useLocation()
+  const urlHackathon = location.split('/')[2]?.toLowerCase()
+  const activeHackathon = getValidHackathon(urlHackathon || '')
+  const dbHackathonName = DB_HACKATHON_NAMES[activeHackathon]
 
   return (
-    <HackathonContext.Provider value={{ activeHackathon, setActiveHackathon, dbHackathonName }}>
+    <HackathonContext.Provider value={{ activeHackathon, dbHackathonName }}>
       {children}
     </HackathonContext.Provider>
   )

src/utility/Routes.jsx

@@ -11,16 +11,8 @@ import { useHackathon } from './HackathonProvider'
 const NestedRoutes = props => {
   const router = useRouter()
   const [location] = useLocation()
-  const { activeHackathon, setActiveHackathon } = useHackathon()
   const hackathonFromURL = props.base.split('/')[2].toLowerCase()
 
-  useEffect(() => {
-    if (VALID_HACKATHONS.includes(hackathonFromURL)) {
-      setActiveHackathon(hackathonFromURL)
-      localStorage.setItem('activeHackathon', activeHackathon)
-    }
-  }, [props.base, activeHackathon, setActiveHackathon])
-
   if (!location.startsWith(props.base)) return null
 
   if (!VALID_HACKATHONS.includes(hackathonFromURL)) {