Frontend: fix the bug for search

- in AddAReminder.tsx: add a alert for creating a total null-Reminder.
- in HomePage.tsx: Add  "if(!query) return true;"

frontend/src/components/AddAReminder.tsx

@@ -13,17 +13,26 @@ export default function AddAReminder(props: Readonly<AddAReminderProps>){
 
     const handleNewReminderSubmit = (event: FormEvent<HTMLFormElement>) => {
         event.preventDefault();
+
+        if (!newReminder.name && !newReminder.time && !newReminder.date){
+            alert("Reminder must have at least one non-null field!");
+            return;
+        }
+
         props.saveAReminder(newReminder);
         setNewReminder({id: "", name:"", time:"", date:""});
         if(props.onClose){
             props.onClose();
         }
+
     };
 
     const onNewReminderChange = (event: ChangeEvent<HTMLInputElement>) =>{
         setNewReminder({...newReminder, [event.target.name]: event.target.value})
     }
 
+
+
     return (
         <form className="form-add-a-reminder" onSubmit={handleNewReminderSubmit}>
             <input type="text" onChange={onNewReminderChange} value={newReminder.name} name={"name"}

frontend/src/page/HomePage.tsx

@@ -27,10 +27,15 @@ export default function HomePage(props: Readonly<HomePageProps>){
     console.log(props)
 
     const filteredReminders = props.reminders.filter(
-        reminder =>
-            (reminder.name ? reminder.name.toLowerCase().includes(query.toLowerCase()): false) ||
-            (reminder.time ? reminder.time.toLowerCase().includes(query.toLowerCase()): false) ||
-            (reminder.date ? reminder.date.toString().toLowerCase().includes(query.toLowerCase()): false)
+        reminder =>{
+            if(!query) return true; //if no query, include all reminders
+            return(
+                (reminder.name ? reminder.name.toLowerCase().includes(query.toLowerCase()): false) ||
+                (reminder.time ? reminder.time.toLowerCase().includes(query.toLowerCase()): false) ||
+                (reminder.date ? reminder.date.toString().toLowerCase().includes(query.toLowerCase()): false)
+                )
+        }
+
     )