From 27b725e8ec701bd21cb91404a34ee8bf3cfa199f Mon Sep 17 00:00:00 2001
From: ramvignesh-b <ramvignesh-b@github.com>
Date: Wed, 22 Apr 2026 16:43:43 +0530
Subject: [PATCH] refactor: format  and lint react files

---
 frontend/src/components/ui/EnvelopeReveal.tsx |  1 -
 frontend/src/pages/Drawer.tsx                 |  4 ++-
 frontend/src/pages/Reader.test.tsx            |  2 +-
 frontend/src/pages/Reader.tsx                 | 33 ++++++++++---------
 4 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/frontend/src/components/ui/EnvelopeReveal.tsx b/frontend/src/components/ui/EnvelopeReveal.tsx
index bafaf88..3fc81d6 100644
--- a/frontend/src/components/ui/EnvelopeReveal.tsx
+++ b/frontend/src/components/ui/EnvelopeReveal.tsx
@@ -101,7 +101,6 @@ export function EnvelopeReveal({
           </div>
         </div>
       </div>
-
     </div>
   );
 }
diff --git a/frontend/src/pages/Drawer.tsx b/frontend/src/pages/Drawer.tsx
index 608aa4a..8f8f1ac 100644
--- a/frontend/src/pages/Drawer.tsx
+++ b/frontend/src/pages/Drawer.tsx
@@ -175,7 +175,9 @@ export default function Drawer() {
                   id={letter.public_id}
                   preview={letter.metadata?.recipient || "Future Self"}
                   timestamp={formatRelativeDate(letter.updated_at)}
-                  unlock_at={formateRelativeDateWithoutTime(letter.unlock_at || "")}
+                  unlock_at={formateRelativeDateWithoutTime(
+                    letter.unlock_at || "",
+                  )}
                   isLocked={letter.unlock_at > new Date().toISOString()}
                 />
               ))}
diff --git a/frontend/src/pages/Reader.test.tsx b/frontend/src/pages/Reader.test.tsx
index 4c49b79..937eddd 100644
--- a/frontend/src/pages/Reader.test.tsx
+++ b/frontend/src/pages/Reader.test.tsx
@@ -78,7 +78,7 @@ describe("Reader Page", () => {
     );
     await waitFor(() => {
       expect(screen.getByText(/Guest/i)).toBeInTheDocument();
-    })
+    });
   });
 
   it("should display an error message if the server request fails", async () => {
diff --git a/frontend/src/pages/Reader.tsx b/frontend/src/pages/Reader.tsx
index ed25814..de843a3 100644
--- a/frontend/src/pages/Reader.tsx
+++ b/frontend/src/pages/Reader.tsx
@@ -50,12 +50,11 @@ export default function Reader() {
 
   useEffect(() => {
     if (!(sharingKey || masterKey)) {
-      setError(
-          {
-            message: "No sharing key provided. Please check the link or log in if you are the author.",
-            log: ""
-          },
-      );
+      setError({
+        message:
+          "No sharing key provided. Please check the link or log in if you are the author.",
+        log: "",
+      });
       setIsDecrypting(false);
       return;
     }
@@ -137,7 +136,10 @@ export default function Reader() {
         }
         setDecryptedCanvasData(canvasData);
       } catch (err) {
-        setError({ message: `Failed to load letter :(`, log: err instanceof Error ? err.message : "Unknown error"});
+        setError({
+          message: `Failed to load letter :(`,
+          log: err instanceof Error ? err.message : "Unknown error",
+        });
       } finally {
         setIsDecrypting(false);
       }
@@ -190,16 +192,16 @@ export default function Reader() {
     <section className="min-h-fit w-full bg-base-100 px-4 py-8 md:py-16 font-serif relative overflow-hidden">
       <div className="fixed inset-0 bg-[radial-gradient(circle_at_center,transparent_0%,rgba(0,0,0,0.5)_100%)] pointer-events-none z-0" />
       <div
-          className={`transition-all duration-1000 relative ${revealState === "revealed" ? "opacity-0 w-0 h-0" : "opacity-100"}`}
+        className={`transition-all duration-1000 relative ${revealState === "revealed" ? "opacity-0 w-0 h-0" : "opacity-100"}`}
       >
         <EnvelopeReveal
-            recipient={metadata?.recipient || "Someone dear"}
-            date={
-              metadata?.updated_at
-                  ? formatDate(new Date(metadata.updated_at))
-                  : undefined
-            }
-            onRevealComplete={() => setRevealState("revealed")}
+          recipient={metadata?.recipient || "Someone dear"}
+          date={
+            metadata?.updated_at
+              ? formatDate(new Date(metadata.updated_at))
+              : undefined
+          }
+          onRevealComplete={() => setRevealState("revealed")}
         />
       </div>
       <LogModal
@@ -229,7 +231,6 @@ export default function Reader() {
         </div>
       )}
 
-
       <footer className="mt-16 text-center z-10 opacity-10 pointer-events-none">
         <p className="text-xs font-sans uppercase tracking-[0.5em]">
           Read. Remember. Release.