Merge pull request #139 from CodeChefVIT/buildNResponsiveness

Build fix, refactor, search on click n responsiveness

Author: Abh1noob

src/app/actions/get-papers-by-id.ts

@@ -12,7 +12,7 @@ export const fetchPaperID = async (id: string): Promise<PaperResponse> => {
     return response.data;
   } catch (err: unknown) {
     if (axios.isAxiosError(err)) {
-      console.error("Axios error:", err.response?.data || err.message);
+      console.error("Axios error:", err.response?.data ?? err.message);
       const errorMessage = (err.response?.data as { message?: string })?.message ?? "Failed to fetch paper";
       throw new Error(errorMessage);
     } else {

src/app/api/ai-upload/route.ts

@@ -154,6 +154,7 @@ export async function POST(req: Request) {
           uploadPreset,
         );
       } catch (error) {
+        console.error("Error creating PDF:", error);
         return NextResponse.json(
           { error: "Failed to process PDF" },
           { status: 500 },

src/app/api/upload/route.ts

@@ -83,6 +83,7 @@ export async function POST(req: Request) {
           uploadPreset,
         );
       } catch (error) {
+        console.error("Error creating PDF:", error);
         return NextResponse.json(
           { error: "Failed to process PDF" },
           { status: 500 },

src/app/page.tsx

@@ -4,7 +4,7 @@ import Hero from "@/components/screens/Hero";
 
 const HomePage = () => {
   return (
-    <div className="vipna flex min-h-screen w-full flex-col space-y-8">
+    <div >
       <Hero />
       <Info />
       <Faq />

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

@@ -1,6 +1,5 @@
 import { fetchPaperID } from "@/app/actions/get-papers-by-id";
-import Footer from "@/components/Footer";
-import Navbar from "@/components/Navbar";
+
 import PdfViewer from "@/components/pdfViewer";
 import ShareButton from "@/components/ShareButton";
 import Loader from "@/components/ui/loader";

src/app/upload/page.tsx

@@ -4,8 +4,7 @@ import axios, { AxiosError } from "axios";
 import toast from "react-hot-toast";
 import { handleAPIError } from "../../util/error";
 import { Button } from "@/components/ui/button";
-import Navbar from "@/components/Navbar";
-import Footer from "@/components/Footer";
+
 import { type APIResponse } from "@/interface";
 import Dropzone from "react-dropzone";
 

src/app/upload/page_not_AI.tsx

@@ -5,13 +5,11 @@ import axios from "axios";
 import toast from "react-hot-toast";
 import { handleAPIError } from "../../util/error";
 import { Button } from "@/components/ui/button";
-import Navbar from "@/components/Navbar";
-import Footer from "@/components/Footer";
+
 import { type APIResponse } from "@/interface";
 import {
   slots,
   years,
-  campuses,
   semesters,
   exams,
 } from "@/components/select_options";

src/components/Card.tsx

@@ -64,7 +64,7 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
   return (
     <div
       className={cn(
-        "overflow-hidden play rounded-sm border-2 dark:border-[#36266D] border-[#734DFF] bg-[#FFFFFF] dark:bg-[#171720] hover:bg-[#EFEAFF] hover:dark:bg-[#262635]",
+        "play overflow-hidden rounded-sm border-2 border-[#734DFF] bg-[#FFFFFF] hover:bg-[#EFEAFF] dark:border-[#36266D] dark:bg-[#171720] hover:dark:bg-[#262635]",
         checked && "bg-[#262635]",
       )}
     >
@@ -74,7 +74,7 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
           alt={paper.subject}
           width={320}
           height={180}
-          className=" w-full object-cover p-4 pb-3 md:h-[250px]"
+          className="w-full object-cover p-4 pb-3 md:h-[250px]"
         />
 
         <div className="justify-center">
@@ -90,7 +90,7 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
             </div>
           </div>
 
-          <div className="h-[1px] w-full dark:bg-[#36266D] bg-[#734DFF]" />
+          <div className="h-[1px] w-full bg-[#734DFF] dark:bg-[#36266D]" />
 
           <div className="space-y-2 p-4">
             <div className="font-sans text-base font-semibold">
@@ -106,7 +106,7 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
         </div>
       </Link>
 
-      <div className="hidden play items-center justify-between gap-2 px-4 pb-4 md:flex">
+      <div className="play hidden items-center justify-between gap-2 px-4 pb-4 md:flex">
         <div className="flex items-center gap-2">
           <input
             checked={checked}
@@ -127,4 +127,4 @@ const Card = ({ paper, onSelect, isSelected }: CardProps) => {
   );
 };
 
-export default Card;
+export default Card;

src/components/CatalogueContent.tsx

@@ -5,17 +5,13 @@ import { useEffect, useState } from "react";
 import axios, { type AxiosError } from "axios";
 import { Button } from "@/components/ui/button";
 import { type IPaper, type Filters } from "@/interface";
-import { FilterDialog } from "@/components/FilterDialog";
 import Card from "./Card";
 import { extractBracketContent } from "@/util/utils";
 import { useRouter } from "next/navigation";
-import SearchBarChild from "./Searchbar/searchbar-child";
 import Loader from "./ui/loader";
-import { campuses, semesters } from "./select_options";
-import SearchBar from "./Searchbar/searchbar";
+
 import filterIcon from "../assets/filterIcon.svg";
 import Image from "next/image";
-import { XIcon } from "lucide-react";
 import SideBar from "../components/SideBar";
 
 const CatalogueContent = () => {
@@ -25,18 +21,7 @@ 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,
-  );
-  const [selectedSlots, setSelectedSlots] = useState<string[] | undefined>(
-    slots,
-  );
-  const [selectedYears, setSelectedYears] = useState<string[] | undefined>(
-    years,
-  );
 
   // const handleResetFilters = () => {
   //   setSelectedExams([]);
@@ -170,7 +155,7 @@ const CatalogueContent = () => {
 
       void fetchPapers();
     }
-  }, [subject, exams?.join(","), slots?.join(","), years?.join(",")]); //changed because userRouter() changes everytime
+  }, [exams, slots, subject, years]); //changed because userRouter() changes everytime
   return (
     <div className="relative flex min-h-screen p-0">
       <SideBar

src/components/FilterDialog.tsx

@@ -42,7 +42,7 @@ export const FilterDialog = ({
   const [selectedYears, setSelectedYears] = useState<string[]>(
     initialYears ?? [],
   );
-  const [selectedCampuses, setSelectedCampuses] = useState<string[]>(
+  const [, setSelectedCampuses] = useState<string[]>(
     initialYears ?? [],
   );
   const [selectedSemesters, setSelectedSemesters] = useState<string[]>(
@@ -56,7 +56,7 @@ export const FilterDialog = ({
     setSelectedYears(initialYears ?? []);
     setSelectedCampuses(initialCampuses ?? []);
     setSelectedSemesters(initialSemesters ?? []);
-  }, [initialExams, initialSlots, initialYears]);
+  }, [initialCampuses, initialExams, initialSemesters, initialSlots, initialYears]);
 
   const exams = filterOptions.uniqueExams.map((exam) => ({
     label: exam,
@@ -74,10 +74,10 @@ export const FilterDialog = ({
     label: semester,
     value: semester,
   }));
-  const campuses = filterOptions.uniqueCampuses.map((campus) => ({
-    label: campus,
-    value: campus,
-  }));
+  // const campuses = filterOptions.uniqueCampuses.map((campus) => ({
+  //   label: campus,
+  //   value: campus,
+  // }));
   const handleFilterClick = () => {
     onApplyFilters(selectedExams, selectedSlots, selectedYears);
     setOpen(false);