feat: default startDate to undefined

laurelin60 · Apr 11, 2024 · fcfe54d · fcfe54d
1 parent da5808c
commit fcfe54d
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 11 deletions.
diff --git a/components/search/Search.tsx b/components/search/Search.tsx
@@ -47,7 +47,7 @@ export type FilterValues = {
     format: boolean[];
     enrollment: boolean[];
     available: boolean[];
-    start: Date;
+    start: Date | undefined;
     end: Date | undefined;
     institution: string;
     min: number;
@@ -106,7 +106,7 @@ const Search = () => {
     const [format, setFormat] = useState([true, true]);
     const [enrollment, setEnrollment] = useState([true]);
     const [available, setAvailable] = useState([true]);
-    const [start, setStart] = useState(new Date());
+    const [start, setStart] = useState<Date>();
     const [end, setEnd] = useState<Date>();
     const [institution, setInstitution] = useState("Any Institution");
     const [min, setMin] = useState(0);

diff --git a/components/search/filter/FilterComponents.tsx b/components/search/filter/FilterComponents.tsx
@@ -77,18 +77,16 @@ export const CustomFilterCheckbox = (props: FilterCheckboxProps) => {
 };
 
 interface CalendarFilterProps {
-    onStartChange: Dispatch<React.SetStateAction<Date>>;
+    onStartChange: Dispatch<SetStateAction<Date | undefined>>;
     onEndChange: Dispatch<SetStateAction<Date | undefined>>;
-    defaultStart: Date;
+    defaultStart: Date | undefined;
     defaultEnd: Date | undefined;
 }
 
 export const CalendarFilter = (props: CalendarFilterProps) => {
     const { onStartChange, onEndChange, defaultStart, defaultEnd } = props;
 
-    const [startDate, setStartDate] = useState<Date | undefined>(
-        defaultStart ? new Date(defaultStart) : new Date(),
-    );
+    const [startDate, setStartDate] = useState<Date | undefined>(defaultStart);
     const [endDate, setEndDate] = useState<Date | undefined>(defaultEnd);
 
     const handleStartChange = (date: Date | undefined) => {
@@ -138,7 +136,6 @@ export const CalendarFilter = (props: CalendarFilterProps) => {
                                     selected={startDate}
                                     onSelect={handleStartChange}
                                     initialFocus
-                                    required
                                 />
                             </PopoverContent>
                         </Popover>

diff --git a/components/search/filter/Filters.tsx b/components/search/filter/Filters.tsx
@@ -12,7 +12,7 @@ interface SearchFilterProps {
     setFormat: Dispatch<SetStateAction<boolean[]>>;
     setEnrollment: Dispatch<SetStateAction<boolean[]>>;
     setAvailable: Dispatch<SetStateAction<boolean[]>>;
-    setStart: Dispatch<React.SetStateAction<Date>>;
+    setStart: Dispatch<React.SetStateAction<Date | undefined>>;
     setEnd: Dispatch<SetStateAction<Date | undefined>>;
     setInstitution: Dispatch<SetStateAction<string>>;
     setMin: Dispatch<SetStateAction<number>>;

diff --git a/lib/utils/filter.ts b/lib/utils/filter.ts
@@ -1,6 +1,10 @@
 import { CourseObject, FilterValues } from "../../components/search/Search";
 
-export const startsAfter = (start: Date, result: CourseObject) => {
+export const startsAfter = (start: Date | undefined, result: CourseObject) => {
+    if (start === undefined) {
+        return true;
+    }
+
     const courseDate = new Date(result.startDate);
 
     courseDate.setHours(0, 0, 0, 0);
@@ -10,7 +14,7 @@ export const startsAfter = (start: Date, result: CourseObject) => {
 };
 
 export const endsBefore = (end: Date | undefined, result: CourseObject) => {
-    if (end == undefined) {
+    if (end === undefined) {
         return true;
     }