fix:validation

Author: NishantGupt786

src/app/upload/page.tsx

@@ -46,12 +46,26 @@ const Page = () => {
     ];
     const files = fileInputRef.current?.files as FileList | null;
 
-    if (!slot || !subject || !exam || !year || !files || files.length === 0) {
-      toast.error("All fields are required.");
+    if (!slot) {
+      toast.error("Slot is required");
       return;
     }
-
-    if (files.length > 5) {
+    if (!subject) {
+      toast.error("Subject is required");
+      return;
+    }
+    if (!exam) {
+      toast.error("Exam is required");
+      return;
+    }
+    if (!year) {
+      toast.error("Year is required");
+      return;
+    }
+    if (!files || files.length === 0) {
+      toast.error("No files selected");
+      return;
+    } else if (files.length > 5) {
       toast.error("More than 5 files selected");
       return;
     }
@@ -99,7 +113,7 @@ const Page = () => {
     void toast.promise(
       (async () => {
         try {
-          await axios.post("/api/upload", formData);
+          const response = await axios.post("/api/upload", formData);
 
           setSlot("");
           setSubject("");

src/components/searchbarSubjectList.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { useState, useCallback, useRef, useEffect } from "react";
 import { Search } from "lucide-react";
 import debounce from "debounce";
@@ -82,8 +83,8 @@ function SearchbarSubjectList({
   }, [resetSearch]);
 
   return (
-    <div className="mx-4 md:mx-0">
-      <form className=" my-2 ml-2 w-full max-w-xl">
+    <div className="mx-0">
+      <form className="my-2 ml-2 w-full max-w-xl">
         <div className="relative">
           <Input
             type="text"