From 49f38efdbe3718055d2c84847d7dab92ae359be9 Mon Sep 17 00:00:00 2001 From: Mohamed Bassem Date: Tue, 1 Jul 2025 20:26:25 +0000 Subject: feat: Add a proper reader mode --- apps/web/app/layout.tsx | 6 +- apps/web/app/reader/[bookmarkId]/page.tsx | 312 ++++++++++++++++++++++++++++++ 2 files changed, 313 insertions(+), 5 deletions(-) create mode 100644 apps/web/app/reader/[bookmarkId]/page.tsx (limited to 'apps/web/app') diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx index d5af9e35..e8673c78 100644 --- a/apps/web/app/layout.tsx +++ b/apps/web/app/layout.tsx @@ -50,11 +50,7 @@ export default async function RootLayout({ const userSettings = await getUserLocalSettings(); const isRTL = userSettings.lang === "ar"; return ( - + { + if (window.history.length > 1) { + router.back(); + } else { + router.push("/dashboard"); + } + }; + + const handlePrint = () => { + window.print(); + }; + + return ( +
+ {/* Header */} +
+
+
+ + Reader View +
+ +
+ + + + + + + +
+
+ +

Reading Settings

+
+ +
+
+ + +
+ +
+
+ + + {fontSize[0]}px + +
+
+ + + +
+
+ +
+
+ + + {lineHeight[0]} + +
+ +
+
+
+ + + + +
+
+
+ +
+ {/* Mobile backdrop */} + {showHighlights && ( + +
+
+ + +
+
+ {highlights.highlights.map((highlight) => ( + + ))} +
+
+ + + )} + + + ); +} -- cgit v1.2.3-70-g09d2