From d439a081e9c98f2c7d707315aeb3887d3322fac1 Mon Sep 17 00:00:00 2001
From: Aamir Azad <aamirmazad@gmail.com>
Date: Fri, 28 Jun 2024 17:15:20 +0530
Subject: [PATCH] Mobile is being hard for some reason

---
 .../(.)paperless/document/[id]/modal.tsx      |  2 +-
 src/components/document-viewer.tsx            | 34 ++++++++++---------
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/app/@modal/(.)paperless/document/[id]/modal.tsx b/src/app/@modal/(.)paperless/document/[id]/modal.tsx
index 2f9fed9..6ccac67 100644
--- a/src/app/@modal/(.)paperless/document/[id]/modal.tsx
+++ b/src/app/@modal/(.)paperless/document/[id]/modal.tsx
@@ -24,7 +24,7 @@ export function Modal({ children }: { children: React.ReactNode }) {
       className="absolute h-screen w-screen bg-zinc-900/60"
       onClose={onDismiss}
     >
-      <div className="p-20">{children}</div>
+      <div className="md:p-20 p-6">{children}</div>
     </dialog>,
     document.getElementById("modal-root")!,
   );
diff --git a/src/components/document-viewer.tsx b/src/components/document-viewer.tsx
index 7e97a3c..7dd328e 100644
--- a/src/components/document-viewer.tsx
+++ b/src/components/document-viewer.tsx
@@ -45,37 +45,39 @@ export default function DocumentViewer(props: { id: number }) {
     const fetchData = async () => {
       setLoading(true);
 
-      const objectUrl = await getPaperlessDocument(props.id);
-      if (objectUrl) {
-        setPdfUrl(objectUrl);
+      try {
+        const objectUrl = await getPaperlessDocument(props.id);
+        if (objectUrl) {
+          setPdfUrl(objectUrl);
+        } else {
+          setPdfUrl(null);
+        }
+      } catch (error) {
+        console.error("An error occurred:", error);
+        setPdfUrl(null);
+      } finally {
         setLoading(false);
-        // Cleanup function to revoke URL when component unmounts or pdfUrl changes
-        return () => URL.revokeObjectURL(objectUrl);
-      } else {
       }
     };
-
-    fetchData().catch((error) => {
-      console.error("An error occurred:", error);
-    });
-  }, [props.id]); // Dependency array to refetch if id changes
+    fetchData();
+  }, []); // Dependency array to refetch if id changes
 
   if (loading) {
     return <LoadingSpinner>Loading...</LoadingSpinner>;
   }
 
   if (!pdfUrl) {
-    return <h1>Failure</h1>;
+    return <h1>Failed to get document</h1>;
   }
 
   return (
     <div className="flex h-screen w-full min-w-0 justify-center">
-      <div className="flex h-4/5 w-1/2 flex-col rounded-xl bg-slate-600/50">
-        <div className="m-8 flex flex-grow justify-center gap-16">
+      <div className="flex h-4/5 md:w-1/2 flex-col rounded-l bg-slate-600/50">
+        <div className="md:m-8 m-4 flex flex-col flex-grow justify-center md:gap-16 gap-8">
           <div className="flex-shrink flex-grow">
             <embed
-              src={pdfUrl}
-              className=""
+              src="https://papers.aamira.me/api/documents/259/preview"
+              className="bg-red-300"
               type="application/pdf"
               width="100%"
               height="100%"