Change banner to be clearer about winter terms (#483)

* change banner * fix update selected term on url change too
VikeLabs · Jun 18, 2023 · bfa6967 · bfa6967
1 parent 230ddf9
commit bfa6967
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/common/header/containers/HeaderContainer.tsx b/src/common/header/containers/HeaderContainer.tsx
@@ -68,9 +68,13 @@ export function HeaderContainer({ onSearchChange }: HeaderProps): JSX.Element {
         <Text>
           📅 The{' '}
           <Text as={Link} to="/calendar/202309" textDecoration="underline">
-            Winter 2023
+            Fall 2023
           </Text>{' '}
-          calendar is now available. Happy scheduling!
+          and{' '}
+          <Text as={Link} to="/calendar/202401" textDecoration="underline">
+            Spring 2024
+          </Text>{' '}
+          calendars are now available. Happy scheduling!
         </Text>,
       ];
   return (

diff --git a/src/lib/hooks/useTerm.ts b/src/lib/hooks/useTerm.ts
@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { useEffect, useMemo } from 'react';
 
 import { useParams } from 'react-router';
 
@@ -13,5 +13,11 @@ export const useTerm = (): [Term, (term: string) => void] => {
   const defaultTerm = useMemo(() => termParam || getCurrentTerm(), [termParam]);
   const [term, setTerm] = useLocalStorage<string>('user:term', defaultTerm) as [Term, (term: string) => void];
 
+  useEffect(() => {
+    if (termParam && termParam !== term) {
+      setTerm(termParam);
+    }
+  }, [termParam, term, setTerm]);
+
   return [term, setTerm];
 };