added error handling'

Author: abhitrueprogrammer

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

@@ -3,9 +3,16 @@ import Footer from "@/components/Footer";
 import Navbar from "@/components/Navbar";
 import PdfViewer from "@/components/pdfViewer";
 import Loader from "@/components/ui/loader";
-import { PaperResponse } from "@/interface";
+import { ErrorResponse, PaperResponse } from "@/interface";
+import axios, { AxiosResponse } from "axios";
 import { Metadata } from "next";
-export async function generateMetadata({ params }: { params: { id: string } }): Promise<Metadata> {
+import { redirect } from "next/navigation"; // Import redirect
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { id: string };
+}): Promise<Metadata> {
   const paper: PaperResponse | null = await fetchPaperID(params.id);
 
   if (paper) {
@@ -26,20 +33,47 @@ export async function generateMetadata({ params }: { params: { id: string } }):
   };
 }
 const PaperPage = async ({ params }: { params: { id: string } }) => {
-  const paper = await fetchPaperID(params.id);
+  async function getPaper() {
+    try {
+      const paper = await fetchPaperID(params.id);
+      return paper;
+    } catch (err) {
+      if (axios.isAxiosError(err)) {
 
+        const errorResponse = err.response as AxiosResponse<ErrorResponse>;
+        if (errorResponse?.status === 400 || errorResponse?.status === 404) {
+          redirect("/");
+        } else {
+          return errorResponse?.data?.message ?? "Failed to fetch paper";
+        }
+      } else {
+        return "An unknown error occurred";
+      }
+    }
+  }
+  const paper = await getPaper();
   if (!paper) {
     return <Loader prop="h-screen w-screen" />;
   }
   return (
     <div>
       <Navbar />
-      <h1 className="jost mb-4 text-center text-2xl font-semibold md:mb-10 md:text-3xl">
-        {paper.subject} {paper.exam} {paper.slot} {paper.year}
-      </h1>
-      <center>
-        <PdfViewer url={paper.finalUrl}></PdfViewer>
-      </center>
+      {typeof paper === "string" ? (
+        <div className="text-center text-red-500">
+          <h1 className="text-xl font-semibold">Error</h1>
+          <p>{paper}</p>
+        </div>
+      ) : (
+        <>
+          <h1 className="jost mb-4 text-center text-2xl font-semibold md:mb-10 md:text-3xl">
+            {paper.subject} {paper.exam} {paper.slot} {paper.year}
+          </h1>
+          <center>
+            <PdfViewer url={paper.finalUrl}></PdfViewer> 
+          </center>
+        </>
+      )}
+
       <Footer />
     </div>
   );