From 1ed57e541b46c74f9d9a2a3f9b97ba6d63a129a9 Mon Sep 17 00:00:00 2001
From: joycellu <jol072@ucsd.edu>
Date: Thu, 30 May 2024 09:59:37 -0700
Subject: [PATCH 1/2] remove filter buttons when no events

---
 frontend/src/components/Events/Events.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Events/Events.tsx b/frontend/src/components/Events/Events.tsx
index 9f3dc730..42c30787 100644
--- a/frontend/src/components/Events/Events.tsx
+++ b/frontend/src/components/Events/Events.tsx
@@ -314,7 +314,7 @@ const Events = () => {
         )}
 
         {/* Buttons for filtering events */}
-        {displayedFutureEvents.length >= 0 && (
+        {displayedFutureEvents.length > 0 && (
           <Grid item container mb={3} ml={4} justifyContent="flex-start">
             <Button
               size="medium"

From f23a8a84a14948baf34bf93381a250ef09918b1f Mon Sep 17 00:00:00 2001
From: SithuSoe04 <63730799+SithuSoe04@users.noreply.github.com>
Date: Thu, 30 May 2024 17:18:58 -0700
Subject: [PATCH 2/2] Fixed bug where past events don't show if the current
 year does not have events

---
 frontend/src/components/Events/Events.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Events/Events.tsx b/frontend/src/components/Events/Events.tsx
index 42c30787..a990d72f 100644
--- a/frontend/src/components/Events/Events.tsx
+++ b/frontend/src/components/Events/Events.tsx
@@ -62,7 +62,6 @@ const Events = () => {
     if (type === 'past' && selectedYear !== null) {
       // If a year filter is applied, use the filtered past events
       filteredEvents = pastEvents.filter(event => new Date(event.end_time).getFullYear() === selectedYear);
-
     }
 
     if (type === 'upcoming') {
@@ -135,8 +134,6 @@ const Events = () => {
         const years = Array.from(new Set(data.map((event: EventData) => new Date(event.end_time).getFullYear())))
           .sort((a, b) => (b as number) - (a as number)); // Explicit type casting for 'a' and 'b'
         setPastEventYears(years as number[]);
-        
-  
         paginate(data, 1, totalPagesPast, 'past');
       } catch (error) {
         console.error('Error fetching past events:', error);
@@ -156,7 +153,7 @@ const Events = () => {
     fetchData();
   }, [selectedYear, selectedMonth, totalPagesUpcoming, totalPagesPast, setTotalPagesUpcoming, setTotalPagesPast]);
   
-
+  
   const handleThisWeekClick = () => {
     if (isThisWeekClicked) {
       setDisplayedFutureEvents(upcomingEvents);
@@ -216,6 +213,9 @@ const Events = () => {
   
     if (selectedYear !== null) {
       const filteredPastEvents = filterEventsByYear(selectedYear, pastEvents);
+      if (filteredPastEvents.length === 0 && pastEventYears.length > 0) {
+        setSelectedYear((currentYear) => currentYear === null ? null : currentYear = currentYear - 1);
+      }
       setDisplayedPastEvents(filteredPastEvents);
       setFilteredTotalPagesPast(Math.ceil(filteredPastEvents.length / eventsPerPage));
       paginate(filteredPastEvents, 1, totalPagesPast, 'past');