feature: add filters for campuses and make be take new tags

Author: abhitrueprogrammer

src/app/api/upload/route.ts

@@ -1,6 +1,6 @@
 import { NextResponse } from "next/server";
 import { PDFDocument } from "pdf-lib";
-import { slots, years } from "@/components/select_options";
+import { campuses, exams, semesters, slots, years } from "@/components/select_options";
 import { connectToDatabase } from "@/lib/mongoose";
 import cloudinary from "cloudinary";
 import { type ICourses, type CloudinaryUploadResult } from "@/interface";
@@ -26,6 +26,9 @@ export async function POST(req: Request) {
     const slot = formData.get("slot") as string;
     const year = formData.get("year") as string;
     const exam = formData.get("exam") as string;
+    const campus = formData.get("campus") as string;
+    const semester = formData.get("semester") as string;
+
     const isPdf = formData.get("isPdf") === "true"; // Convert string to boolean
 
     const { data } = await axios.get<ICourses[]>(`${process.env.SERVER_URL}/api/course-list`);
@@ -34,7 +37,10 @@ export async function POST(req: Request) {
       !(
         courses.includes(subject) &&
         slots.includes(slot) &&
-        years.includes(year)
+        years.includes(year) &&
+        exams.includes(exam) &&
+        campuses.includes(campus) &&
+        semesters.includes(semester) 
       )
     ) {
       return NextResponse.json({ message: "Bad Request" }, { status: 400 });
@@ -90,6 +96,8 @@ export async function POST(req: Request) {
       slot,
       year,
       exam,
+      campus,
+      semester
     });
     await paper.save();
     return NextResponse.json(

src/app/upload/page.tsx

@@ -58,7 +58,14 @@ const Page = () => {
       toast.error("Year is required");
       return;
     }
-
+    if (!campus) {
+      toast.error("Campus is required");
+      return;
+    }
+    if (!semester) {
+      toast.error("Semester is required");
+      return;
+    }
     if (!files || files.length === 0) {
       toast.error("No files selected");
       return;
@@ -97,6 +104,9 @@ const Page = () => {
     formData.append("slot", slot);
     formData.append("year", year);
     formData.append("exam", exam);
+    formData.append("semester", semester);
+    formData.append("campus", campus);
+
     formData.append("isPdf", String(isPdf));
 
     setIsUploading(true);

src/components/CatalogueContent.tsx

@@ -9,6 +9,7 @@ import { extractBracketContent } from "@/util/utils";
 import { useRouter } from "next/navigation";
 import SearchBar from "./searchbar";
 import Loader from "./ui/loader";
+import { campuses, semesters } from "./select_options";
 
 const CatalogueContent = () => {
   const searchParams = useSearchParams();
@@ -17,6 +18,9 @@ const CatalogueContent = () => {
   const exams = searchParams.get("exams")?.split(",");
   const slots = searchParams.get("slots")?.split(",");
   const years = searchParams.get("years")?.split(",");
+  const semesters = searchParams.get("semesters")?.split(",");
+  const campuses = searchParams.get("campuses")?.split(",");
+
   const [selectedExams, setSelectedExams] = useState<string[] | undefined>(
     exams,
   );
@@ -171,6 +175,8 @@ const CatalogueContent = () => {
               initialExams={exams}
               initialSlots={slots}
               initialYears={years}
+              initialCampuses={campuses}
+              initialSemesters={semesters}
               onReset={handleResetFilters}
               onApplyFilters={handleApplyFilters}
             />

src/components/FilterDialog.tsx

@@ -17,6 +17,8 @@ export const FilterDialog = ({
   initialExams,
   initialSlots,
   initialYears,
+  initialCampuses,
+  initialSemesters,
   onReset,
   onApplyFilters,
 }: {
@@ -25,6 +27,9 @@ export const FilterDialog = ({
   initialExams: string[] | undefined;
   initialSlots: string[] | undefined;
   initialYears: string[] | undefined;
+  initialCampuses: string [] | undefined
+  initialSemesters: string [] | undefined
+
   onReset: () => void;
   onApplyFilters: (exams: string[], slots: string[], years: string[]) => void;
 }) => {
@@ -37,44 +42,62 @@ export const FilterDialog = ({
   const [selectedYears, setSelectedYears] = useState<string[]>(
     initialYears ?? [],
   );
+  const [selectedCampuses, setSelectedCampuses] = useState<string[]>(
+    initialYears ?? [],
+  );
+  const [selectedSemesters, setSelectedSemesters] = useState<string[]>(
+    initialYears ?? [],
+  );
   const [open, setOpen] = useState(false);
 
   useEffect(() => {
     setSelectedExams(initialExams ?? []);
     setSelectedSlots(initialSlots ?? []);
     setSelectedYears(initialYears ?? []);
+    setSelectedCampuses(initialCampuses ?? []);
+    setSelectedSemesters(initialSemesters ?? [])
   }, [initialExams, initialSlots, initialYears]);
 
   const exams = filterOptions.uniqueExams.map((exam) => ({
     label: exam,
     value: exam,
   }));
   const slots = filterOptions.uniqueSlots.map((slot) => ({
-    label: slot,
+  label: slot,
     value: slot,
   }));
   const years = filterOptions.uniqueYears.map((year) => ({
     label: year,
     value: year,
   }));
-
+  const semesters = filterOptions.uniqueSemesters.map((semester) => ({
+    label: semester,
+    value: semester,
+  }));
+  const campuses = filterOptions.uniqueCampuses.map((campus) => ({
+    label: campus,
+    value: campus,
+  }));
   const handleFilterClick = () => {
     onApplyFilters(selectedExams, selectedSlots, selectedYears);
-    setOpen(false); 
+    setOpen(false);
   };
 
   const handleResetClick = () => {
     setSelectedExams([]);
     setSelectedSlots([]);
     setSelectedYears([]);
+    setSelectedSemesters([]);
+
+    setSelectedCampuses([]);
     setOpen(false);
     onReset();
   };
 
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
-        <Button variant="outline" className="py-6 rounded-xl">
+        <Button variant="outline" className="rounded-xl py-6">
           <span>
             <SlidersHorizontal />
           </span>
@@ -103,6 +126,18 @@ export const FilterDialog = ({
             placeholder="Years"
             defaultValue={selectedYears}
           />
+          <MultiSelect
+            options={semesters}
+            onValueChange={setSelectedSemesters}
+            placeholder="Semesters"
+            defaultValue={selectedSemesters}
+          />
+          <MultiSelect
+            options={campuses}
+            onValueChange={setSelectedCampuses}
+            placeholder="Campuses"
+            defaultValue={selectedCampuses}
+          />
         </div>
         <div className="flex justify-between">
           <Button variant="outline" onClick={handleFilterClick}>