me/pi-ku
1
0
Fork 0
mirror of https://github.com/ramvignesh-b/pi-ku.git synced 2026-05-04 08:56:52 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

refactor: format and lint react files

Browse Source
This commit is contained in:
ramvignesh-b
2026-04-22 16:43:43 +05:30
parent 694715a90c
commit 27b725e8ec
4 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/ui/EnvelopeReveal.tsx
-1
View File
@@ -101,7 +101,6 @@ export function EnvelopeReveal({
</div> </div>
</div> </div>
</div> </div>
</div> </div>
); );
} }
frontend/src/pages/Drawer.tsx
+3 -1
View File
@@ -175,7 +175,9 @@ export default function Drawer() {
id={letter.public_id} id={letter.public_id}
preview={letter.metadata?.recipient || "Future Self"} preview={letter.metadata?.recipient || "Future Self"}
timestamp={formatRelativeDate(letter.updated_at)} timestamp={formatRelativeDate(letter.updated_at)}
unlock_at={formateRelativeDateWithoutTime(letter.unlock_at || "")} unlock_at={formateRelativeDateWithoutTime(
letter.unlock_at || "",
)}
isLocked={letter.unlock_at > new Date().toISOString()} isLocked={letter.unlock_at > new Date().toISOString()}
/> />
))} ))}
frontend/src/pages/Reader.test.tsx
+1 -1
View File
@@ -78,7 +78,7 @@ describe("Reader Page", () => {
); );
await waitFor(() => { await waitFor(() => {
expect(screen.getByText(/Guest/i)).toBeInTheDocument(); expect(screen.getByText(/Guest/i)).toBeInTheDocument();
}) });
}); });
it("should display an error message if the server request fails", async () => { it("should display an error message if the server request fails", async () => {
frontend/src/pages/Reader.tsx
+17 -16
View File
@@ -50,12 +50,11 @@ export default function Reader() {
useEffect(() => { useEffect(() => {
if (!(sharingKey || masterKey)) { if (!(sharingKey || masterKey)) {
setError( setError({
{ message:
message: "No sharing key provided. Please check the link or log in if you are the author.", "No sharing key provided. Please check the link or log in if you are the author.",
log: "" log: "",
}, });
);
setIsDecrypting(false); setIsDecrypting(false);
return; return;
} }
@@ -137,7 +136,10 @@ export default function Reader() {
} }
setDecryptedCanvasData(canvasData); setDecryptedCanvasData(canvasData);
} catch (err) { } 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 { } finally {
setIsDecrypting(false); 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"> <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="fixed inset-0 bg-[radial-gradient(circle_at_center,transparent_0%,rgba(0,0,0,0.5)_100%)] pointer-events-none z-0" />
<div <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 <EnvelopeReveal
recipient={metadata?.recipient || "Someone dear"} recipient={metadata?.recipient || "Someone dear"}
date={ date={
metadata?.updated_at metadata?.updated_at
? formatDate(new Date(metadata.updated_at)) ? formatDate(new Date(metadata.updated_at))
: undefined : undefined
} }
onRevealComplete={() => setRevealState("revealed")} onRevealComplete={() => setRevealState("revealed")}
/> />
</div> </div>
<LogModal <LogModal
@@ -229,7 +231,6 @@ export default function Reader() {
</div> </div>
)} )}
<footer className="mt-16 text-center z-10 opacity-10 pointer-events-none"> <footer className="mt-16 text-center z-10 opacity-10 pointer-events-none">
<p className="text-xs font-sans uppercase tracking-[0.5em]"> <p className="text-xs font-sans uppercase tracking-[0.5em]">
Read. Remember. Release. Read. Remember. Release.