Merge branch 'CodeChefVIT:staging' into staging

Author: abhitrueprogrammer

src/app/api/request/route.ts

@@ -5,27 +5,32 @@ import PaperRequest from "@/db/paperRequest";
 export async function POST(req: Request) {
   try {
     await connectToDatabase();
-    const body = await req.json();
+    const body = (await req.json()) as {
+      subject: string;
+      exam: string;
+      slot: string;
+      year: string;
+    };
 
     const { subject, exam, slot, year } = body;
 
     if (!subject || !exam || !slot || !year) {
       return NextResponse.json(
         { error: "All fields are required." },
-        { status: 400 }
+        { status: 400 },
       );
     }
 
     const newRequest = await PaperRequest.create({ subject, exam, slot, year });
     return NextResponse.json(
       { message: "Paper request submitted successfully!", request: newRequest },
-      { status: 201 }
+      { status: 201 },
     );
   } catch (error) {
     console.error("Error creating paper request:", error);
     return NextResponse.json(
       { error: "Failed to submit request." },
-      { status: 500 }
+      { status: 500 },
     );
   }
 }

src/app/paper/[id]/page.tsx

@@ -158,7 +158,6 @@ const PaperPage = async ({ params }: { params: { id: string } }) => {
         </div>
       ) : (
         <>
-          <h1 className="my-6 flex justify-center gap-4 text-center font-play text-2xl font-semibold md:mb-10 md:text-3xl">
           <h1 className="my-6 flex justify-center gap-4 text-center font-play text-2xl font-semibold md:mb-10 md:text-3xl">
             <div>
               {paper.subject} {paper.exam} {paper.slot} {paper.year}

src/components/Card.tsx

@@ -65,7 +65,6 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
   return (
     <div
       className={cn(
-        "overflow-hidden rounded-sm border-2 border-[#734DFF] bg-[#FFFFFF] font-play transition-all duration-150 hover:bg-[#EFEAFF] dark:border-[#36266D] dark:bg-[#171720] hover:dark:bg-[#262635]",
         "overflow-hidden rounded-sm border-2 border-[#734DFF] bg-[#FFFFFF] font-play transition-all duration-150 hover:bg-[#EFEAFF] dark:border-[#36266D] dark:bg-[#171720] hover:dark:bg-[#262635]",
         checked && "bg-white",
       )}
@@ -81,7 +80,6 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
 
         <div className="justify-center">
           <div className="flex flex-row items-center justify-between px-4 pb-2">
-            <div className="text-md font-play font-medium">
             <div className="text-md font-play font-medium">
               {extractBracketContent(paper.subject)}
             </div>
@@ -117,7 +115,6 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
         </div>
       </Link>
 
-      <div className="hidden items-center justify-between gap-2 px-4 pb-4 font-play md:flex">
       <div className="hidden items-center justify-between gap-2 px-4 pb-4 font-play md:flex">
         <div className="flex items-center gap-2">
           <input

src/components/Searchbar/searchbar.tsx

@@ -7,7 +7,9 @@ import PinnedSearchBar from "./pinned-searchbar";
 
 export async function fetchSubjects() {
   try {
-    const response = await axios.get<ICourses[]>(`/api/course-list`);
+    const response = await axios.get<ICourses[]>(
+      `${process.env.SERVER_URL}/api/course-list`,
+    );
     console.log("Fetched subjects:", response.data);
     return response.data.map((course) => course.name);
   } catch (err) {

src/components/SideBar.tsx

@@ -44,7 +44,6 @@ function SideBar({
     campus: string[],
     semester: string[],
     anskey: boolean,
-    anskey: boolean,
   ) => void;
   handleSelectAll: () => void;
   handleDeselectAll: () => void;
@@ -80,7 +79,6 @@ function SideBar({
         </div>
         <div className="flex flex-col">
           <div
-            className="cursor-pointer rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
             className="cursor-pointer rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
             onClick={() => {
               handleApplyFilters([], [], [], [], [], false);
@@ -101,10 +99,8 @@ function SideBar({
               selectedCampuses,
               selectedSemesters,
               !selectedAnswerKeyIncluded,
-              !selectedAnswerKeyIncluded,
             );
           }}
-          className={`flex cursor-pointer rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white ${
           className={`flex cursor-pointer rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white ${
             selectedAnswerKeyIncluded
               ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]"
@@ -116,38 +112,28 @@ function SideBar({
       </div>
 
       {/* Select/Deselect/Download All Buttons */}
-      <div className="flex w-full flex-wrap justify-between gap-2 border-b-2 border-[#36266d] px-[10px] py-4">
       <div className="flex w-full flex-wrap justify-between gap-2 border-b-2 border-[#36266d] px-[10px] py-4">
         <div
           onClick={handleSelectAll}
           className="cursor-pointer rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-[#B2B8FF] hover:text-black dark:border-white dark:hover:border-[#434dba] dark:hover:bg-[#434dba] dark:hover:text-white"
-          className="cursor-pointer rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-[#B2B8FF] hover:text-black dark:border-white dark:hover:border-[#434dba] dark:hover:bg-[#434dba] dark:hover:text-white"
         >
           Select All
         </div>
         <div
           onClick={handleDeselectAll}
           className="cursor-pointer rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-[#B2B8FF] hover:text-black dark:border-white dark:hover:border-[#434dba] dark:hover:bg-[#434dba] dark:hover:text-white"
-          className="cursor-pointer rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-[#B2B8FF] hover:text-black dark:border-white dark:hover:border-[#434dba] dark:hover:bg-[#434dba] dark:hover:text-white"
         >
           Deselect All
         </div>
         <div
           onClick={handleDownloadAll}
           className="cursor-pointer rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-[#B2B8FF] hover:text-black dark:border-white dark:hover:border-[#434dba] dark:hover:bg-[#434dba] dark:hover:text-white"
-          className="cursor-pointer rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-[#B2B8FF] hover:text-black dark:border-white dark:hover:border-[#434dba] dark:hover:bg-[#434dba] dark:hover:text-white"
         >
           Download All
         </div>
       </div>
 
       <div className="flex w-full flex-col items-baseline justify-between border-b-2 border-[#36266d] px-[10px]">
-        <Accordion
-          className="w-full"
-          type="single"
-          collapsible
-          defaultValue="item-1"
-        >
         <Accordion
           className="w-full"
           type="single"
@@ -174,10 +160,8 @@ function SideBar({
                         selectedCampuses,
                         selectedSemesters,
                         selectedAnswerKeyIncluded,
-                        selectedAnswerKeyIncluded,
                       );
                     }}
-                    className={`mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white ${
                     className={`mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white ${
                       selectedExams.includes(exam.value)
                         ? "border-[#B2B8FF] bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba]"
@@ -215,10 +199,8 @@ function SideBar({
                         selectedCampuses,
                         selectedSemesters,
                         selectedAnswerKeyIncluded,
-                        selectedAnswerKeyIncluded,
                       );
                     }}
-                    className={`mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white ${
                     className={`mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white ${
                       selectedSlots.includes(slot.value)
                         ? "border-[#B2B8FF] bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba]"
@@ -256,10 +238,8 @@ function SideBar({
                         selectedCampuses,
                         selectedSemesters,
                         selectedAnswerKeyIncluded,
-                        selectedAnswerKeyIncluded,
                       );
                     }}
-                    className={`mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white ${
                     className={`mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white ${
                       selectedYears.includes(year.value)
                         ? "border-[#B2B8FF] bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba]"
@@ -297,10 +277,8 @@ function SideBar({
                         selectedCampuses,
                         newSems,
                         selectedAnswerKeyIncluded,
-                        selectedAnswerKeyIncluded,
                       );
                     }}
-                    className={`mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white ${
                     className={`mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 font-play text-xs font-semibold hover:bg-slate-800 hover:text-white ${
                       selectedSemesters.includes(semester.value)
                         ? "border-[#B2B8FF] bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba]"

src/components/ui/PWAInstallButton.tsx

@@ -41,7 +41,7 @@ const PWAInstallButton = () => {
 
   const handleInstall = async () => {
     if (!deferredPrompt) return;
-    deferredPrompt.prompt();
+    await deferredPrompt.prompt();
     const { outcome } = await deferredPrompt.userChoice;
     if (outcome === "accepted") {
       setCanInstall(false);

src/interface.ts

@@ -172,7 +172,6 @@ export interface IPaper {
     | "Bhopal"
     | "Bangalore"
     | "Mauritius"
-    | null;
   slot: string;
   subject: string;
   year: string;