fix: filters can't be null

gathering · Sep 20, 2024 · 423548c · 423548c
1 parent 6ef982b
commit 423548c
Showing 1 changed file with 21 additions and 15 deletions.
diff --git a/src/pages/schedule.astro b/src/pages/schedule.astro
@@ -174,19 +174,25 @@ const filteredEvents = events.filter((event: Event) => {
 
 <!-- Client-side script for updating filters -->
 <script>
-  document.getElementById('location-filter').addEventListener('change', function() {
-    const selectedDay = new URLSearchParams(window.location.search).get('day') || 'Day 1';
-    const selectedCategory = new URLSearchParams(window.location.search).get('category') || 'All';
-    const location = (this as HTMLSelectElement).value;
-    const url = `?day=${selectedDay}&location=${location}&category=${selectedCategory}`;
-    window.location.href = url;
-  });
-
-  document.getElementById('category-filter').addEventListener('change', function() {
-    const selectedDay = new URLSearchParams(window.location.search).get('day') || 'Day 1';
-    const selectedLocation = new URLSearchParams(window.location.search).get('location') || 'All';
-    const category = (this as HTMLSelectElement).value;
-    const url = `?day=${selectedDay}&location=${selectedLocation}&category=${category}`;
-    window.location.href = url;
-  });
+  const locationFilter = document.getElementById('location-filter');
+  if (locationFilter) {
+    locationFilter.addEventListener('change', function() {
+      const selectedDay = new URLSearchParams(window.location.search).get('day') || 'Day 1';
+      const selectedCategory = new URLSearchParams(window.location.search).get('category') || 'All';
+      const location = (this as HTMLSelectElement).value;
+      const url = `?day=${selectedDay}&location=${location}&category=${selectedCategory}`;
+      window.location.href = url;
+    });
+  }
+
+  const categoryFilter = document.getElementById('category-filter');
+  if (categoryFilter) {
+    categoryFilter.addEventListener('change', function() {
+      const selectedDay = new URLSearchParams(window.location.search).get('day') || 'Day 1';
+      const selectedLocation = new URLSearchParams(window.location.search).get('location') || 'All';
+      const category = (this as HTMLSelectElement).value;
+      const url = `?day=${selectedDay}&location=${selectedLocation}&category=${category}`;
+      window.location.href = url;
+    });
+  }
 </script>