38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
import { Suspense } from "react";
|
|
import { TextSelectionToolbar } from "@/components/text-selection-toolbar";
|
|
import { TextHighlighter } from "@/components/text-highlighter";
|
|
import { PageBookmarks } from "@/components/social/page-bookmarks";
|
|
|
|
/**
|
|
* Reader layout — the annotation surface for the actual scripture library
|
|
* (books, letters, lectures, essays, glossary, journals, magazines, other
|
|
* documents, disciples).
|
|
*
|
|
* The text-selection toolbar and its two companions (the `?hl=` highlighter
|
|
* and the persistent in-text bookmark marks) only make sense over long-form
|
|
* scripture prose. Mounting them in this nested route group — rather than the
|
|
* parent `(app)` layout — keeps them off the home feed, search, profiles,
|
|
* settings, downloads, Kautilya, etc., so a stray text selection on chrome
|
|
* text no longer pops the toolbar.
|
|
*
|
|
* This is a route group: it adds NO path segment, so every URL underneath is
|
|
* unchanged (`/books/...`, `/letters/...`, …). All the outer `(app)` chrome
|
|
* (header, sidebar, footer, bottom nav) still wraps these pages.
|
|
*/
|
|
export default function ReaderLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<>
|
|
{children}
|
|
<TextSelectionToolbar />
|
|
<Suspense fallback={null}>
|
|
<TextHighlighter />
|
|
</Suspense>
|
|
<PageBookmarks />
|
|
</>
|
|
);
|
|
}
|