@@ -3,23 +3,23 @@ import { X } from "lucide-react";
33import { IconButton } from "@/shared/components/ui/icon-button" ;
44import { formatEventDate } from "@/shared/lib/dateUtils" ;
55import { useLocalStorage } from "react-use" ;
6- import { useNavigate } from "react-router-dom" ;
76
87function TopBanner ( ) {
98 const [ isVisible , setIsVisible ] = useLocalStorage ( "topBannerVisible" , true ) ;
109
11- const navigate = useNavigate ( ) ;
1210 if ( ! isVisible ) return null ;
1311
1412 return (
15- < div className = "w-full ! bg-[#0056D6 ]" >
13+ < div className = "w-full bg-[#0488FE ]" >
1614 < div className = "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-1.5 relative flex items-center justify-center" >
1715 < a
18- onClick = { ( ) => navigate ( "/auth-sign-in" ) }
19- className = "hover:text-gray-200 cursor-pointer"
16+ href = "https://uwaterloo.ca/campus-status/"
17+ target = "_blank"
18+ rel = "noopener noreferrer"
19+ className = "hover:text-gray-200 cursor-pointer flex items-center"
2020 >
2121 < span className = "text-sm font-small text-center !text-white" >
22- { formatEventDate ( "2025-11-16 " ) } - Events added in real time !
22+ { formatEventDate ( "2026-01-26 " ) } - UW campuses are closed today - all scheduled events are cancelled !
2323 </ span >
2424 </ a >
2525 < IconButton
@@ -28,7 +28,7 @@ function TopBanner() {
2828 size = "icon"
2929 className = "text-white absolute right-0"
3030 icon = { X }
31- onMouseDown = { ( ) => setIsVisible ( false ) }
31+ onClick = { ( ) => setIsVisible ( false ) }
3232 />
3333 </ div >
3434 </ div >
0 commit comments