Merge pull request #316 from Advik-Gupta/prod

Course List Context

Author: abhitrueprogrammer

src/app/api/course-list/route.ts

@@ -1,6 +1,6 @@
 import { NextResponse } from "next/server";
 import { connectToDatabase } from "@/lib/mongoose";
-import { Course } from "@/db/papers";
+import { Course } from "@/db/course";
 
 export const dynamic = "force-dynamic";
 
@@ -14,7 +14,7 @@ export async function GET() {
     console.error(error);
     return NextResponse.json(
       { message: "Failed to fetch courses", error },
-      { status: 500 }
+      { status: 500 },
     );
   }
 }

src/app/api/papers/count/route.ts

@@ -1,22 +1,24 @@
 import { NextResponse } from "next/server";
 import { connectToDatabase } from "@/lib/mongoose";
-import Paper from "@/db/papers";
+import CourseCount from "@/db/course";
 
 export const dynamic = "force-dynamic";
+
 export async function GET(req: Request) {
   try {
     await connectToDatabase();
 
-    const { searchParams } = new URL(req.url);
-    const subject = searchParams.get("subject");
+    const count = await CourseCount.find().lean();
 
-    const filter = subject ? { subject } : {};
-    const count = await Paper.countDocuments(filter);
+    const formatted = count.map((item) => ({
+      name: item.name,
+      count: item.count,
+    }));
 
-    return NextResponse.json({ count }, { status: 200 });
+    return NextResponse.json(formatted, { status: 200 });
   } catch (error) {
     return NextResponse.json(
-      { message: "Failed to fetch papers", error },
+      { message: "Failed to fetch course counts", error },
       { status: 500 },
     );
   }

src/app/layout.tsx

@@ -7,6 +7,8 @@ import type { Metadata } from "next";
 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
 import ChildrenWrapper from "@/components/ChildrenWrapper";
+import { CoursesProvider } from "@/context/courseContext";
+
 export const metadata: Metadata = {
   metadataBase: new URL("https://papers.codechefvit.com/"),
   title: "Papers by CodeChef-VIT | Explore VIT Previous Year Question Papers",
@@ -119,9 +121,11 @@ export default function RootLayout({
         >
           <Toaster position="top-right" reverseOrder={false} />
           <div className="bg-[#F3F5FF] dark:bg-[#070114]">
-            <Navbar />
-            <ChildrenWrapper>{children}</ChildrenWrapper>
-            <Footer />
+            <CoursesProvider>
+              <Navbar />
+              <ChildrenWrapper>{children}</ChildrenWrapper>
+              <Footer />
+            </CoursesProvider>
           </div>
         </ThemeProvider>
       </body>

src/app/pinned/page.tsx

@@ -8,18 +8,23 @@ import { useState } from "react";
 
 const Pinned = () => {
   const [displayPapers, setDisplayPapers] = useState<IUpcomingPaper[]>([]);
+
   return (
     <div id="pinned" className="mt-5 flex flex-col justify-between">
       <h1 className="mx-auto my-8 hidden text-center font-vipnabd text-3xl font-extrabold md:block">
         Pinned Subjects
       </h1>
       <div className="mb-3 flex w-full flex-col items-center gap-2 px-6">
         <div className="w-full">
-          <SearchBar type="pinned" displayPapers = {displayPapers.length > 0} />
+          <SearchBar type="pinned" displayPapers={displayPapers.length > 0} />
         </div>
       </div>
       <div className="min-h-[40vh]">
-        <PinnedPapersCarousel carouselType="users" displayPapers = {displayPapers} setDisplayPapers = {setDisplayPapers} />
+        <PinnedPapersCarousel
+          carouselType="users"
+          displayPapers={displayPapers}
+          setDisplayPapers={setDisplayPapers}
+        />
       </div>
       {/* <div className="mt-6 flex w-full items-center justify-center">
         <p>You can pin upto 8 Subjects here</p>

src/app/request/page.tsx

@@ -19,6 +19,7 @@ import UpcomingPaper from "../../components/UpcomingPaper";
 import toast from "react-hot-toast";
 import { Search } from "lucide-react";
 import SkeletonPaperCard from "@/components/SkeletonPaperCard";
+import { useCourses } from "@/context/courseContext";
 
 type Course = {
   name?: string | null;
@@ -37,23 +38,11 @@ export default function PaperRequest() {
   const suggestionsRef = useRef<HTMLUListElement | null>(null);
   const [displayPapers, setDisplayPapers] = useState<IUpcomingPaper[]>([]);
   const [isLoading, setIsLoading] = useState(true);
+  const { courses, loading, error, refetch } = useCourses();
 
   useEffect(() => {
-    async function fetchSubjects() {
-      try {
-        const response = await axios.get<Course[]>(`/api/course-list`);
-        const courses: Course[] = response.data;
-        const names = courses
-          .map((course) => course.name ?? course.courseName ?? course.title)
-          .filter(Boolean) as string[];
-
-        setSubjects(names);
-      } catch (err) {
-        console.error("Error fetching subjects:", err);
-      }
-    }
-    void fetchSubjects();
-  }, []);
+    setSubjects(courses.map((course) => course.name));
+  }, [courses]);
 
   useEffect(() => {
     async function fetchPapers() {
@@ -138,7 +127,7 @@ export default function PaperRequest() {
           loading: "Submitting your request...",
           success: "Your paper request was submitted successfully",
           error: "Failed to submit your request. Please try again later.",
-        }
+        },
       );
 
       setSearchText("");

src/components/CatalogueContent.tsx

@@ -4,11 +4,7 @@ import { useSearchParams } from "next/navigation";
 import { useCallback, useEffect, useState } from "react";
 import axios, { type AxiosError } from "axios";
 import { Button } from "@/components/ui/button";
-import {
-  type IPaper,
-  type Filters,
-  type StoredSubjects
-} from "@/interface";
+import { type IPaper, type Filters, type StoredSubjects } from "@/interface";
 import Card from "./Card";
 import { useRouter } from "next/navigation";
 import Loader from "./ui/loader";
@@ -17,7 +13,7 @@ import Error from "./Error";
 import { Filter } from "lucide-react";
 import { Sheet, SheetContent, SheetTrigger } from "./ui/sheet";
 import { Pin } from "lucide-react";
-import SearchBarChild from "./Searchbar/searchbar-child"
+import SearchBarChild from "./Searchbar/searchbar-child";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import {
@@ -28,6 +24,7 @@ import {
 import type { ICourses } from "@/interface";
 import JSZip from "jszip";
 import { toast } from "react-hot-toast";
+import { useCourses } from "@/context/courseContext";
 
 const CatalogueContent = () => {
   const router = useRouter();
@@ -54,6 +51,8 @@ const CatalogueContent = () => {
   const [appliedFilters, setAppliedFilters] = useState<boolean>(false);
   const [pinned, setPinned] = useState<boolean>(false);
   const [relatedSubjects, setRelatedSubjects] = useState<string[]>([]);
+  const { courses } = useCourses();
+
   // Fetch related subjects when subject changes
   useEffect(() => {
     if (!subject) return;
@@ -80,31 +79,11 @@ const CatalogueContent = () => {
     void fetchRelatedSubjects();
   }, [subject]);
 
-    useEffect(() => {
-      if (pathname !== "/catalogue") return;
-  
-      const getSubjects = async () => {
-        try {
-          const res = await fetch("/api/course-list");
-          if (!res.ok) return;
-  
-          const json: unknown = await res.json();
-  
-          if (Array.isArray(json)) {
-            const filtered = json
-              .filter((item): item is ICourses => typeof item === "object" && item !== null && "name" in item)
-              .map(item => item.name);
-            setSubjects(filtered);
-          } else {
-            console.error("Invalid data returned from API:", json);
-          }
-        } catch (err) {
-          console.error("Failed to fetch courses", err);
-        }
-      };
-  
-      void getSubjects();
-    }, [pathname]);
+  useEffect(() => {
+    if (pathname !== "/catalogue") return;
+    const filteredSubjects = courses.map((course) => course.name);
+    setSubjects(filteredSubjects);
+  }, [pathname, courses]);
   // Set initial state from searchParams on client-side mount
   useEffect(() => {
     setIsMounted(true);
@@ -233,7 +212,7 @@ const CatalogueContent = () => {
     const uniquePapers = Array.from(
       new Set(selectedPapers.map((paper) => paper._id)),
     ).map((id) => selectedPapers.find((paper) => paper._id === id)) as IPaper[];
-    if(!uniquePapers){
+    if (!uniquePapers) {
       toast.error("No papers selected for download.");
     }
     for (const paper of uniquePapers) {
@@ -247,7 +226,7 @@ const CatalogueContent = () => {
         console.error(`Failed to fetch ${paper.final_url}`, err);
       }
     }
-    
+
     const zipBlob = await zip.generateAsync({ type: "blob" });
     const url = URL.createObjectURL(zipBlob);
     const a = document.createElement("a");
@@ -257,7 +236,7 @@ const CatalogueContent = () => {
     a.click();
     a.remove();
     URL.revokeObjectURL(url);
-    toast.success("Download Initiated")
+    toast.success("Download Initiated");
   }, [selectedPapers]);
 
   const handleApplyFilters = useCallback(
@@ -342,68 +321,72 @@ const CatalogueContent = () => {
 
   return (
     <div className="relative flex min-h-screen justify-center p-0 md:justify-normal">
-      {papers.length > 0 && <div className="hidden !w-[22%] min-w-[22%] max-w-[22%] flex-shrink-0 md:block">
-        <SideBar
-          filtersNotPulled={filtersNotPulled}
-          loading={loading}
-          selectedExams={selectedExams}
-          selectedSlots={selectedSlots}
-          selectedYears={selectedYears}
-          selectedSemesters={selectedSemesters}
-          selectedCampuses={selectedCampuses}
-          selectedAnswerKeyIncluded={selectedAnswerKeyIncluded}
-          noAppliedFilters={noAppliedFilters}
-          handleApplyFilters={handleApplyFilters}
-          handleSelectAll={handleSelectAll}
-          handleDeselectAll={handleDeselectAll}
-          selectedPapers={selectedPapers}
-          subject={subject}
-          filterOptions={filterOptions}
-          handleDownloadSelected={handleDownloadSelected}
-          closeFilters={closeFilters}
-        />
-      </div>}
+      {papers.length > 0 && (
+        <div className="hidden !w-[22%] min-w-[22%] max-w-[22%] flex-shrink-0 md:block">
+          <SideBar
+            filtersNotPulled={filtersNotPulled}
+            loading={loading}
+            selectedExams={selectedExams}
+            selectedSlots={selectedSlots}
+            selectedYears={selectedYears}
+            selectedSemesters={selectedSemesters}
+            selectedCampuses={selectedCampuses}
+            selectedAnswerKeyIncluded={selectedAnswerKeyIncluded}
+            noAppliedFilters={noAppliedFilters}
+            handleApplyFilters={handleApplyFilters}
+            handleSelectAll={handleSelectAll}
+            handleDeselectAll={handleDeselectAll}
+            selectedPapers={selectedPapers}
+            subject={subject}
+            filterOptions={filterOptions}
+            handleDownloadSelected={handleDownloadSelected}
+            closeFilters={closeFilters}
+          />
+        </div>
+      )}
 
       <div className="w-full">
-        {papers.length > 0 && <Sheet>
-          <SheetTrigger className="mx-8 mt-8 block md:hidden">
-            <Button
-              variant="outline"
-              className="flex gap-2 border-2 border-black font-sans font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
+        {papers.length > 0 && (
+          <Sheet>
+            <SheetTrigger className="mx-8 mt-8 block md:hidden">
+              <Button
+                variant="outline"
+                className="flex gap-2 border-2 border-black font-sans font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
+              >
+                <Filter size={18} />
+                Add Filters
+              </Button>
+            </SheetTrigger>
+            <SheetContent
+              side={"left"}
+              className="m-0 bg-[#f3f5ff] p-0 pt-4 dark:bg-[#070114]"
             >
-              <Filter size={18} />
-              Add Filters
-            </Button>
-          </SheetTrigger>
-          <SheetContent
-            side={"left"}
-            className="m-0 bg-[#f3f5ff] p-0 pt-4 dark:bg-[#070114]"
-          >
-            <SideBar
-              filtersNotPulled={filtersNotPulled}
-              loading={loading}
-              selectedExams={selectedExams}
-              selectedSlots={selectedSlots}
-              selectedYears={selectedYears}
-              selectedSemesters={selectedSemesters}
-              selectedCampuses={selectedCampuses}
-              selectedAnswerKeyIncluded={selectedAnswerKeyIncluded}
-              noAppliedFilters={noAppliedFilters}
-              handleApplyFilters={handleApplyFilters}
-              handleSelectAll={handleSelectAll}
-              handleDeselectAll={handleDeselectAll}
-              selectedPapers={selectedPapers}
-              subject={subject}
-              filterOptions={filterOptions}
-              handleDownloadSelected={handleDownloadSelected}
-              closeFilters={closeFilters}
-            />
-          </SheetContent>
-        </Sheet>}
+              <SideBar
+                filtersNotPulled={filtersNotPulled}
+                loading={loading}
+                selectedExams={selectedExams}
+                selectedSlots={selectedSlots}
+                selectedYears={selectedYears}
+                selectedSemesters={selectedSemesters}
+                selectedCampuses={selectedCampuses}
+                selectedAnswerKeyIncluded={selectedAnswerKeyIncluded}
+                noAppliedFilters={noAppliedFilters}
+                handleApplyFilters={handleApplyFilters}
+                handleSelectAll={handleSelectAll}
+                handleDeselectAll={handleDeselectAll}
+                selectedPapers={selectedPapers}
+                subject={subject}
+                filterOptions={filterOptions}
+                handleDownloadSelected={handleDownloadSelected}
+                closeFilters={closeFilters}
+              />
+            </SheetContent>
+          </Sheet>
+        )}
 
-        <div className="p-7 flex flex-col items-start">
-          <div className="md:hidden flex flex-col items-start w-full mb-8">
-              <SearchBarChild initialSubjects={subjects} />
+        <div className="flex flex-col items-start p-7">
+          <div className="mb-8 flex w-full flex-col items-start md:hidden">
+            <SearchBarChild initialSubjects={courses} />
           </div>
           <div className="flex items-center gap-2">
             <div>