fix: in reportTag files

1) usecontext instead of propdrilling paper information from pdfviewer till the very child element

2) separate reusable component for Label and input

3)disabled the button if user didn't change anything.instead of throwing an error.

Author: YOGESH-08

src/app/api/report-tag/route.ts

@@ -3,8 +3,12 @@ import { connectToDatabase } from "@/lib/database/mongoose";
 import TagReport from "@/db/tagReport";
 import { Ratelimit } from "@upstash/ratelimit";
 import { redis } from "@/lib/utils/redis";
+import { exams } from "@/components/select_options";
 
-const ALLOWED_EXAMS = ["CAT-1", "CAT-2", "FAT"];
+interface ReportedFieldInput {
+  field: string;
+  value?: string;
+}
 const ALLOWED_FIELDS = ["subject", "courseCode", "exam", "slot", "year"];
 
 const ratelimit = new Ratelimit({
@@ -13,7 +17,7 @@ const ratelimit = new Ratelimit({
   analytics: true,
 });
 
-function getClientIp(req: any): string {
+function getClientIp(req: Request & { ip?: string}): string {
   return req.ip || "127.0.0.1";
 }
 
@@ -49,12 +53,14 @@ export async function POST(req: Request & { ip?: string }) {
         { status: 429 }
       );
     }
-    const reportedFields = (body.reportedFields ?? [])
-      .map((r: any) => ({
-        field: String(r.field).trim(),
-        value: r.value?.trim(),
-      }))
-      .filter((r: any) => r.field);
+      const reportedFields: ReportedFieldInput[] = Array.isArray(body.reportedFields)
+        ? body.reportedFields
+            .map((r:Partial<ReportedFieldInput>) => ({
+              field: typeof r.field === "string" ? r.field.trim() : "",
+              value: typeof r.value === "string" ? r.value.trim() : undefined,
+            }))
+            .filter((r:Partial<ReportedFieldInput>) => r.field)
+        : [];
 
     for (const rf of reportedFields) {
       if (!ALLOWED_FIELDS.includes(rf.field)) {
@@ -64,7 +70,7 @@ export async function POST(req: Request & { ip?: string }) {
         );
       }
       if (rf.field === "exam" && rf.value) {
-        if (!ALLOWED_EXAMS.includes(rf.value)) {
+        if (!exams.some(e => e.toLowerCase() === rf.value?.toLowerCase())) {
           return NextResponse.json(
             { error: `Invalid exam value: ${rf.value}` },
             { status: 400 }

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

@@ -7,6 +7,7 @@ import { extractBracketContent } from "@/lib/utils/string";
 import axios, { type AxiosResponse } from "axios";
 import { type Metadata } from "next";
 import { redirect } from "next/navigation";
+import { PaperProvider } from "@/context/PaperContext";
 
 export async function generateMetadata({
   params,
@@ -164,15 +165,20 @@ const PaperPage = async ({ params }: { params: { id: string } }) => {
             </div>
           </h1>
           <center>
+              <PaperProvider
+                value={{
+                  paperId: params.id,
+                  subject: paper.subject,
+                  exam: paper.exam,
+                  slot: paper.slot,
+                  year: paper.year,
+                }}
+              >
             <PdfViewer
               url={paper.file_url}
               name={`${extractBracketContent(paper.subject)}-${paper.exam}-${paper.slot}-${paper.year}`}
-              paperId={params.id}
-              subject={paper.subject}
-              exam={paper.exam}
-              slot={paper.slot}
-              year={paper.year}
             ></PdfViewer>
+            </PaperProvider>
           </center>
           <RelatedPapers />
         </>

src/components/ReportButton.tsx

@@ -4,18 +4,11 @@ import { useState } from "react";
 import { FaFlag } from "react-icons/fa6";
 import { Button } from "./ui/button";
 import ReportTagModal from "./ReportTagModal";
+import { usePaper } from "@/context/PaperContext";
 
-export default function ReportButton({ 
-  paperId, subject, exam, slot, year 
-}: {
-  paperId: string;
-  subject?: string;
-  exam?: string;
-  slot?: string;
-  year?: string;
-}) {
+export default function ReportButton(){ 
+  const { paperId, subject, exam, slot, year } = usePaper();
   const [open, setOpen] = useState(false);
-
   return (
     <>
       <Button