implement case-insensitive search functionality + fixed filters

ChangePlusPlusVandy · Nov 6, 2023 · a4215d2 · a4215d2
1 parent 619c398
commit a4215d2
Show file tree

Hide file tree

Showing 6 changed files with 5,954 additions and 11,466 deletions.
diff --git a/.env.local.template b/.env.local.template
diff --git a/components/Volunteer/FilterEventsPopup.tsx b/components/Volunteer/FilterEventsPopup.tsx
@@ -43,8 +43,8 @@ const FilterEventsPopup = ({
     <>
       <Background />
       <Container ref={wrapperRef}>
-        <FilterText onClick={sortLeastRecent}>Most Recent</FilterText>
-        <FilterText onClick={sortMostRecent}>Least Recent</FilterText>
+        <FilterText onClick={sortMostRecent}>Most Recent</FilterText>
+        <FilterText onClick={sortLeastRecent}>Least Recent</FilterText>
         <span />
         <FilterText onClick={sortDescendingSpots}>Most Spots</FilterText>
         <FilterText onClick={sortAscendingSpots}>Least Spots</FilterText>

diff --git a/components/Volunteer/FutureVolunteerEvents.tsx b/components/Volunteer/FutureVolunteerEvents.tsx
@@ -22,6 +22,7 @@ import { fetchData } from '@/utils/utils';
 import { Media } from '@/lib/media';
 import LongEventCard from '../shared/LongEventCard';
 import Link from 'next/link';
+import { start } from 'repl';
 
 const FutureVolunteerEvents = () => {
   // Holds text in input box
@@ -71,15 +72,16 @@ const FutureVolunteerEvents = () => {
   const sortMostRecent = () => {
     if (!events) return;
     const copy = [...events];
-    copy.sort((a, b) => a.startDate.valueOf() - b.startDate.valueOf());
+    copy.sort((a, b) => new Date(b.startDate).valueOf() - new Date(a.startDate).valueOf());
     setEvents(copy);
   };
 
+
   // Sorts events in order of least to most recent
   const sortLeastRecent = () => {
     if (!events) return;
     const copy = [...events];
-    copy.sort((b, a) => a.startDate.valueOf() - b.startDate.valueOf());
+    copy.sort((a, b) => new Date(a.startDate).valueOf() - new Date(b.startDate).valueOf());
     setEvents(copy);
   };
 
@@ -138,7 +140,7 @@ const FutureVolunteerEvents = () => {
             {/* Container for events that show up based on query input */}
             <ImagesWrapper>
               {events
-                .filter(event => event.name.includes(query))
+                .filter(event => event.name.toLowerCase().includes(query.toLowerCase()))
                 .map(event => (
                   <EventCard
                     key={event._id.toString()}