From ea1914b2833c22395707b38d6081e33a22d07b34 Mon Sep 17 00:00:00 2001 From: gosangam Date: Tue, 5 May 2026 01:08:19 +0530 Subject: [PATCH] feat: refine letters UI --- app/about/page.tsx | 2 +- app/books/bbd/[chapter]/page.tsx | 4 +- app/books/bbd/page.tsx | 2 +- app/books/bg/[chapter]/[verse]/page.tsx | 4 +- app/books/bg/page.tsx | 2 +- app/books/bk/[chapter]/page.tsx | 4 +- app/books/bk/page.tsx | 2 +- app/books/bs/[chapter]/[verse]/page.tsx | 4 +- app/books/bs/[chapter]/page.tsx | 4 +- app/books/bs/page.tsx | 2 +- app/books/cbhc/[chapter]/page.tsx | 4 +- app/books/cbhc/page.tsx | 2 +- .../cc/[lila]/[chapter]/[verse]/page.tsx | 4 +- app/books/cc/[lila]/page.tsx | 2 +- app/books/cc/page.tsx | 2 +- app/books/ds/[chapter]/page.tsx | 4 +- app/books/ds/page.tsx | 2 +- app/books/ej/[chapter]/page.tsx | 4 +- app/books/ej/page.tsx | 2 +- app/books/ek/[chapter]/page.tsx | 4 +- app/books/ek/page.tsx | 2 +- app/books/gg/[chapter]/page.tsx | 4 +- app/books/gg/page.tsx | 2 +- app/books/hkh/[chapter]/page.tsx | 4 +- app/books/hkh/page.tsx | 2 +- app/books/iso/[mantra]/page.tsx | 4 +- app/books/iso/page.tsx | 2 +- app/books/kb/[volume]/[slug]/page.tsx | 4 +- app/books/kb/[volume]/page.tsx | 2 +- app/books/kb/page.tsx | 2 +- app/books/lcl/[chapter]/page.tsx | 4 +- app/books/lcl/page.tsx | 2 +- app/books/lob/[chapter]/page.tsx | 4 +- app/books/lob/page.tsx | 2 +- app/books/mg/[chapter]/page.tsx | 4 +- app/books/mg/page.tsx | 2 +- app/books/mm/[chapter]/[verse]/page.tsx | 4 +- app/books/mm/[chapter]/page.tsx | 4 +- app/books/mm/page.tsx | 2 +- app/books/mog/[chapter]/page.tsx | 4 +- app/books/mog/page.tsx | 2 +- app/books/nbs/[chapter]/[verse]/page.tsx | 4 +- app/books/nbs/[chapter]/page.tsx | 4 +- app/books/nbs/page.tsx | 2 +- app/books/nod/[chapter]/page.tsx | 4 +- app/books/nod/page.tsx | 2 +- app/books/noi/[text]/page.tsx | 4 +- app/books/noi/page.tsx | 2 +- app/books/ochkm/[chapter]/page.tsx | 4 +- app/books/ochkm/page.tsx | 2 +- app/books/owk/[chapter]/page.tsx | 4 +- app/books/owk/page.tsx | 2 +- app/books/page.tsx | 2 +- app/books/pk/[chapter]/page.tsx | 4 +- app/books/pk/page.tsx | 2 +- app/books/poy/[chapter]/page.tsx | 4 +- app/books/poy/page.tsx | 2 +- app/books/pqpa/[chapter]/page.tsx | 4 +- app/books/pqpa/page.tsx | 2 +- app/books/rv/[chapter]/page.tsx | 4 +- app/books/rv/page.tsx | 2 +- .../sb/[canto]/[chapter]/[verse]/page.tsx | 4 +- app/books/sb/[canto]/page.tsx | 2 +- app/books/sb/page.tsx | 2 +- app/books/sb1962/[chapter]/[verse]/page.tsx | 4 +- app/books/sb1962/page.tsx | 2 +- app/books/ssr/[chapter]/page.tsx | 4 +- app/books/ssr/page.tsx | 2 +- app/books/sva/[chapter]/page.tsx | 4 +- app/books/sva/page.tsx | 2 +- app/books/tlc/[chapter]/page.tsx | 4 +- app/books/tlc/page.tsx | 2 +- app/books/tlk/[chapter]/page.tsx | 4 +- app/books/tlk/page.tsx | 2 +- app/books/tqk/[chapter]/page.tsx | 4 +- app/books/tqk/page.tsx | 2 +- app/books/ttp/[chapter]/page.tsx | 4 +- app/books/ttp/page.tsx | 2 +- app/books/va/[chapter]/page.tsx | 4 +- app/books/va/page.tsx | 2 +- app/disciples/page.tsx | 2 +- app/essays/[slug]/page.tsx | 4 +- app/essays/page.tsx | 2 +- app/glossary/page.tsx | 2 +- app/journals/[slug]/[chapter]/page.tsx | 4 +- app/journals/[slug]/page.tsx | 2 +- app/journals/page.tsx | 2 +- app/letters/[slug]/page.tsx | 2 +- app/letters/filter-year-browser.tsx | 536 ++++++++++++++++++ app/letters/location/[name]/page.tsx | 59 +- app/letters/recipient/[name]/page.tsx | 60 +- app/letters/year/[year]/page.tsx | 59 +- .../year/[year]/year-month-browser.tsx | 451 +++++++++++++++ app/magazines/[slug]/[issue]/page.tsx | 4 +- app/magazines/[slug]/page.tsx | 2 +- app/magazines/page.tsx | 2 +- app/other-documents/[slug]/[chapter]/page.tsx | 4 +- app/other-documents/[slug]/page.tsx | 2 +- app/other-documents/page.tsx | 2 +- app/page.tsx | 2 +- app/rtfs/page.tsx | 2 +- components/page-header.tsx | 9 +- components/site-footer.tsx | 11 +- 103 files changed, 1177 insertions(+), 286 deletions(-) create mode 100644 app/letters/filter-year-browser.tsx create mode 100644 app/letters/year/[year]/year-month-browser.tsx diff --git a/app/about/page.tsx b/app/about/page.tsx index 4fbfc427..a9bd6b0a 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -61,7 +61,7 @@ export default function AboutPage() {

-
+
{/* ---- Mission ---- */}

Our Mission

diff --git a/app/books/bbd/[chapter]/page.tsx b/app/books/bbd/[chapter]/page.tsx index cb2c764c..17dca253 100644 --- a/app/books/bbd/[chapter]/page.tsx +++ b/app/books/bbd/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function BbdChapterPage({ return (
- + -
+
{/* Left sidebar */} diff --git a/app/books/bbd/page.tsx b/app/books/bbd/page.tsx index 33a43c80..78bde8c4 100644 --- a/app/books/bbd/page.tsx +++ b/app/books/bbd/page.tsx @@ -27,7 +27,7 @@ export default async function BbdPage() {

{meta.author}

-
+
{/* Description */} {meta.description && (

{meta.description}

diff --git a/app/books/bg/[chapter]/[verse]/page.tsx b/app/books/bg/[chapter]/[verse]/page.tsx index d1b70e41..48d96290 100644 --- a/app/books/bg/[chapter]/[verse]/page.tsx +++ b/app/books/bg/[chapter]/[verse]/page.tsx @@ -60,7 +60,7 @@ export default async function VersePage({ return (
- + -
+

{intro.author}

-
+
    diff --git a/app/books/bk/[chapter]/page.tsx b/app/books/bk/[chapter]/page.tsx index 43ce392c..1fdaa08b 100644 --- a/app/books/bk/[chapter]/page.tsx +++ b/app/books/bk/[chapter]/page.tsx @@ -41,7 +41,7 @@ export default async function BkChapterPage({ return (
    - + -
    +
    {/* Left sidebar */} diff --git a/app/books/bk/page.tsx b/app/books/bk/page.tsx index 853d0eda..dc6eac44 100644 --- a/app/books/bk/page.tsx +++ b/app/books/bk/page.tsx @@ -25,7 +25,7 @@ export default async function BkPage() {

    {meta.author}

    -
    +
    {/* Description */} {meta.description && (

    {meta.description}

    diff --git a/app/books/bs/[chapter]/[verse]/page.tsx b/app/books/bs/[chapter]/[verse]/page.tsx index 9897664c..d1fa3873 100644 --- a/app/books/bs/[chapter]/[verse]/page.tsx +++ b/app/books/bs/[chapter]/[verse]/page.tsx @@ -151,7 +151,7 @@ export default async function VersePage({ return (
    - + -
    +
    - + -
    +
    diff --git a/app/books/bs/page.tsx b/app/books/bs/page.tsx index dba08c7d..5686f0c2 100644 --- a/app/books/bs/page.tsx +++ b/app/books/bs/page.tsx @@ -92,7 +92,7 @@ export default async function BsPage() { )} -
    +
    {/* Front Matter */} {(introduction || foreword) && (
    diff --git a/app/books/cbhc/[chapter]/page.tsx b/app/books/cbhc/[chapter]/page.tsx index 1e194a11..b972a887 100644 --- a/app/books/cbhc/[chapter]/page.tsx +++ b/app/books/cbhc/[chapter]/page.tsx @@ -41,7 +41,7 @@ export default async function CbhcChapterPage({ return (
    - + -
    +
    {/* Left sidebar */} diff --git a/app/books/cbhc/page.tsx b/app/books/cbhc/page.tsx index 98b1a27f..fb58282e 100644 --- a/app/books/cbhc/page.tsx +++ b/app/books/cbhc/page.tsx @@ -25,7 +25,7 @@ export default async function CbhcPage() {

    {meta.author}

    -
    +
    {/* Description */} {meta.description && (

    {meta.description}

    diff --git a/app/books/cc/[lila]/[chapter]/[verse]/page.tsx b/app/books/cc/[lila]/[chapter]/[verse]/page.tsx index d661eaf4..edd3035c 100644 --- a/app/books/cc/[lila]/[chapter]/[verse]/page.tsx +++ b/app/books/cc/[lila]/[chapter]/[verse]/page.tsx @@ -68,7 +68,7 @@ export default async function CcVersePage({ return (
    - + -
    +

    -
    +
      diff --git a/app/books/cc/page.tsx b/app/books/cc/page.tsx index a2ca019a..325cc8f7 100644 --- a/app/books/cc/page.tsx +++ b/app/books/cc/page.tsx @@ -45,7 +45,7 @@ export default async function CcPage() {

      {title}

      {author}

      -
      +
        diff --git a/app/books/ds/[chapter]/page.tsx b/app/books/ds/[chapter]/page.tsx index 2d481cb4..f7548d5e 100644 --- a/app/books/ds/[chapter]/page.tsx +++ b/app/books/ds/[chapter]/page.tsx @@ -49,7 +49,7 @@ export default async function DsChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/ds/page.tsx b/app/books/ds/page.tsx index 8718d514..3e86f7da 100644 --- a/app/books/ds/page.tsx +++ b/app/books/ds/page.tsx @@ -30,7 +30,7 @@ export default async function DsPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/ej/[chapter]/page.tsx b/app/books/ej/[chapter]/page.tsx index 4478e6ce..ea826491 100644 --- a/app/books/ej/[chapter]/page.tsx +++ b/app/books/ej/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function EjChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/ej/page.tsx b/app/books/ej/page.tsx index 5580afe4..96771460 100644 --- a/app/books/ej/page.tsx +++ b/app/books/ej/page.tsx @@ -30,7 +30,7 @@ export default async function EjPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/ek/[chapter]/page.tsx b/app/books/ek/[chapter]/page.tsx index b2e17404..2e36787d 100644 --- a/app/books/ek/[chapter]/page.tsx +++ b/app/books/ek/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function EkChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/ek/page.tsx b/app/books/ek/page.tsx index 3c091901..0f660948 100644 --- a/app/books/ek/page.tsx +++ b/app/books/ek/page.tsx @@ -27,7 +27,7 @@ export default async function EkPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/gg/[chapter]/page.tsx b/app/books/gg/[chapter]/page.tsx index 322cbf43..369a7cc2 100644 --- a/app/books/gg/[chapter]/page.tsx +++ b/app/books/gg/[chapter]/page.tsx @@ -45,7 +45,7 @@ export default async function GgChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/gg/page.tsx b/app/books/gg/page.tsx index 4989bbe7..849ec4c2 100644 --- a/app/books/gg/page.tsx +++ b/app/books/gg/page.tsx @@ -31,7 +31,7 @@ export default async function GgPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/hkh/[chapter]/page.tsx b/app/books/hkh/[chapter]/page.tsx index c426c367..933f4130 100644 --- a/app/books/hkh/[chapter]/page.tsx +++ b/app/books/hkh/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function HkhChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/hkh/page.tsx b/app/books/hkh/page.tsx index c5ddcefa..41e51b5a 100644 --- a/app/books/hkh/page.tsx +++ b/app/books/hkh/page.tsx @@ -27,7 +27,7 @@ export default async function HkhPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/iso/[mantra]/page.tsx b/app/books/iso/[mantra]/page.tsx index d3bdd2f1..a601fcc6 100644 --- a/app/books/iso/[mantra]/page.tsx +++ b/app/books/iso/[mantra]/page.tsx @@ -55,7 +55,7 @@ export default async function IsoMantraPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/iso/page.tsx b/app/books/iso/page.tsx index 8402af8e..97ffc277 100644 --- a/app/books/iso/page.tsx +++ b/app/books/iso/page.tsx @@ -35,7 +35,7 @@ export default async function IsoPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/kb/[volume]/[slug]/page.tsx b/app/books/kb/[volume]/[slug]/page.tsx index 48157db6..7fd7a47a 100644 --- a/app/books/kb/[volume]/[slug]/page.tsx +++ b/app/books/kb/[volume]/[slug]/page.tsx @@ -35,7 +35,7 @@ export default async function KbChapterPage({ return (
        - + -
        +
        {/* Left sidebar — chapter index */}

        {chapters.length} chapters

        -
        +
        {/* Front Matter */} {introSegments.length > 0 && (
        diff --git a/app/books/kb/page.tsx b/app/books/kb/page.tsx index 274c95d0..2b1def29 100644 --- a/app/books/kb/page.tsx +++ b/app/books/kb/page.tsx @@ -31,7 +31,7 @@ export default async function KbPage() {

        {title}

        {author}

        -
        +
        {description && (

        {description}

        )} diff --git a/app/books/lcl/[chapter]/page.tsx b/app/books/lcl/[chapter]/page.tsx index 9b90f31d..05c6bb2b 100644 --- a/app/books/lcl/[chapter]/page.tsx +++ b/app/books/lcl/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function LclChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/lcl/page.tsx b/app/books/lcl/page.tsx index d5b87c8b..a0f1fc09 100644 --- a/app/books/lcl/page.tsx +++ b/app/books/lcl/page.tsx @@ -31,7 +31,7 @@ export default async function LclPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/lob/[chapter]/page.tsx b/app/books/lob/[chapter]/page.tsx index c5eb9543..ea6e5d62 100644 --- a/app/books/lob/[chapter]/page.tsx +++ b/app/books/lob/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function LobChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/lob/page.tsx b/app/books/lob/page.tsx index 52629775..1e311d9b 100644 --- a/app/books/lob/page.tsx +++ b/app/books/lob/page.tsx @@ -27,7 +27,7 @@ export default async function LobPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/mg/[chapter]/page.tsx b/app/books/mg/[chapter]/page.tsx index f0cf1c08..4e7ca4ab 100644 --- a/app/books/mg/[chapter]/page.tsx +++ b/app/books/mg/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function MgChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/mg/page.tsx b/app/books/mg/page.tsx index 6e7b0760..1a1a57cc 100644 --- a/app/books/mg/page.tsx +++ b/app/books/mg/page.tsx @@ -27,7 +27,7 @@ export default async function MgPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/mm/[chapter]/[verse]/page.tsx b/app/books/mm/[chapter]/[verse]/page.tsx index c404ef64..6a938eea 100644 --- a/app/books/mm/[chapter]/[verse]/page.tsx +++ b/app/books/mm/[chapter]/[verse]/page.tsx @@ -151,7 +151,7 @@ export default async function VersePage({ return (
        - + -
        +
        - + -
        +
        diff --git a/app/books/mm/page.tsx b/app/books/mm/page.tsx index f09c3d40..73681422 100644 --- a/app/books/mm/page.tsx +++ b/app/books/mm/page.tsx @@ -91,7 +91,7 @@ export default async function MmPage() { )} -
        +
        {/* Front Matter */} {introduction && (
        diff --git a/app/books/mog/[chapter]/page.tsx b/app/books/mog/[chapter]/page.tsx index 0d15baa7..dc45b946 100644 --- a/app/books/mog/[chapter]/page.tsx +++ b/app/books/mog/[chapter]/page.tsx @@ -45,7 +45,7 @@ export default async function MogChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/mog/page.tsx b/app/books/mog/page.tsx index 11611c97..58155c03 100644 --- a/app/books/mog/page.tsx +++ b/app/books/mog/page.tsx @@ -27,7 +27,7 @@ export default async function MogPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/nbs/[chapter]/[verse]/page.tsx b/app/books/nbs/[chapter]/[verse]/page.tsx index a7665f5d..46b904c9 100644 --- a/app/books/nbs/[chapter]/[verse]/page.tsx +++ b/app/books/nbs/[chapter]/[verse]/page.tsx @@ -151,7 +151,7 @@ export default async function VersePage({ return (
        - + -
        +
        - + -
        +
        diff --git a/app/books/nbs/page.tsx b/app/books/nbs/page.tsx index 11b21d61..80852c65 100644 --- a/app/books/nbs/page.tsx +++ b/app/books/nbs/page.tsx @@ -91,7 +91,7 @@ export default async function NbsPage() { )} -
        +
        {/* Front Matter */} {introduction && (
        diff --git a/app/books/nod/[chapter]/page.tsx b/app/books/nod/[chapter]/page.tsx index b7220e3a..fb50b00d 100644 --- a/app/books/nod/[chapter]/page.tsx +++ b/app/books/nod/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function NodChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/nod/page.tsx b/app/books/nod/page.tsx index 14ac7e83..22cf7bd0 100644 --- a/app/books/nod/page.tsx +++ b/app/books/nod/page.tsx @@ -37,7 +37,7 @@ export default async function NodPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/noi/[text]/page.tsx b/app/books/noi/[text]/page.tsx index d360b6a4..a3c85df7 100644 --- a/app/books/noi/[text]/page.tsx +++ b/app/books/noi/[text]/page.tsx @@ -55,7 +55,7 @@ export default async function NoiTextPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/noi/page.tsx b/app/books/noi/page.tsx index 743eb503..c387af29 100644 --- a/app/books/noi/page.tsx +++ b/app/books/noi/page.tsx @@ -32,7 +32,7 @@ export default async function NoiPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/ochkm/[chapter]/page.tsx b/app/books/ochkm/[chapter]/page.tsx index ef9c62e2..6894268d 100644 --- a/app/books/ochkm/[chapter]/page.tsx +++ b/app/books/ochkm/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function OchkmChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/ochkm/page.tsx b/app/books/ochkm/page.tsx index bd4b351f..e8bec0bb 100644 --- a/app/books/ochkm/page.tsx +++ b/app/books/ochkm/page.tsx @@ -27,7 +27,7 @@ export default async function OchkmPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/owk/[chapter]/page.tsx b/app/books/owk/[chapter]/page.tsx index ebeb4d6e..47fec633 100644 --- a/app/books/owk/[chapter]/page.tsx +++ b/app/books/owk/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function OwkChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/owk/page.tsx b/app/books/owk/page.tsx index dddef7bf..d34bb7e1 100644 --- a/app/books/owk/page.tsx +++ b/app/books/owk/page.tsx @@ -27,7 +27,7 @@ export default async function OwkPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/page.tsx b/app/books/page.tsx index 4982705d..84059dcf 100644 --- a/app/books/page.tsx +++ b/app/books/page.tsx @@ -155,7 +155,7 @@ export default async function BooksPage() {

        -
        +
        diff --git a/app/books/pk/[chapter]/page.tsx b/app/books/pk/[chapter]/page.tsx index cefed86e..52389f70 100644 --- a/app/books/pk/[chapter]/page.tsx +++ b/app/books/pk/[chapter]/page.tsx @@ -40,7 +40,7 @@ export default async function PkChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/pk/page.tsx b/app/books/pk/page.tsx index 8753b8eb..45eb1804 100644 --- a/app/books/pk/page.tsx +++ b/app/books/pk/page.tsx @@ -25,7 +25,7 @@ export default async function PkPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/poy/[chapter]/page.tsx b/app/books/poy/[chapter]/page.tsx index e508780d..93a75713 100644 --- a/app/books/poy/[chapter]/page.tsx +++ b/app/books/poy/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function PoyChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/poy/page.tsx b/app/books/poy/page.tsx index 8edcfa4b..94c51dd7 100644 --- a/app/books/poy/page.tsx +++ b/app/books/poy/page.tsx @@ -27,7 +27,7 @@ export default async function PoyPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/pqpa/[chapter]/page.tsx b/app/books/pqpa/[chapter]/page.tsx index 6cfa3193..f7da9ae9 100644 --- a/app/books/pqpa/[chapter]/page.tsx +++ b/app/books/pqpa/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function PqpaChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/pqpa/page.tsx b/app/books/pqpa/page.tsx index 79b05ea5..a486fa87 100644 --- a/app/books/pqpa/page.tsx +++ b/app/books/pqpa/page.tsx @@ -31,7 +31,7 @@ export default async function PqpaPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/rv/[chapter]/page.tsx b/app/books/rv/[chapter]/page.tsx index 14a9b588..4a3ae792 100644 --- a/app/books/rv/[chapter]/page.tsx +++ b/app/books/rv/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function RvChapterPage({ return (
        - + -
        +
        {/* Left sidebar */} diff --git a/app/books/rv/page.tsx b/app/books/rv/page.tsx index 62f9e06e..c56afc44 100644 --- a/app/books/rv/page.tsx +++ b/app/books/rv/page.tsx @@ -27,7 +27,7 @@ export default async function RvPage() {

        {meta.author}

        -
        +
        {/* Description */} {meta.description && (

        {meta.description}

        diff --git a/app/books/sb/[canto]/[chapter]/[verse]/page.tsx b/app/books/sb/[canto]/[chapter]/[verse]/page.tsx index 2f78e51e..e779ac35 100644 --- a/app/books/sb/[canto]/[chapter]/[verse]/page.tsx +++ b/app/books/sb/[canto]/[chapter]/[verse]/page.tsx @@ -65,7 +65,7 @@ export default async function SbVersePage({ return (
        - + -
        +

        -
        +
          diff --git a/app/books/sb/page.tsx b/app/books/sb/page.tsx index 23a3993c..1903a814 100644 --- a/app/books/sb/page.tsx +++ b/app/books/sb/page.tsx @@ -45,7 +45,7 @@ export default async function SbPage() {

          {intro.author}

          -
          +
            diff --git a/app/books/sb1962/[chapter]/[verse]/page.tsx b/app/books/sb1962/[chapter]/[verse]/page.tsx index 25f09cda..119bd6cc 100644 --- a/app/books/sb1962/[chapter]/[verse]/page.tsx +++ b/app/books/sb1962/[chapter]/[verse]/page.tsx @@ -63,7 +63,7 @@ export default async function VersePage({ return (
            - + -
            +

            {intro.author}

            -
            +
              diff --git a/app/books/ssr/[chapter]/page.tsx b/app/books/ssr/[chapter]/page.tsx index f77edfc5..c2e44d23 100644 --- a/app/books/ssr/[chapter]/page.tsx +++ b/app/books/ssr/[chapter]/page.tsx @@ -49,7 +49,7 @@ export default async function SsrChapterPage({ return (
              - + -
              +
              {/* Left sidebar */} diff --git a/app/books/ssr/page.tsx b/app/books/ssr/page.tsx index 26cc799e..f6797d22 100644 --- a/app/books/ssr/page.tsx +++ b/app/books/ssr/page.tsx @@ -31,7 +31,7 @@ export default async function SsrPage() {

              {meta.author}

              -
              +
              {/* Description */} {meta.description && (

              {meta.description}

              diff --git a/app/books/sva/[chapter]/page.tsx b/app/books/sva/[chapter]/page.tsx index 3f07f49b..85564698 100644 --- a/app/books/sva/[chapter]/page.tsx +++ b/app/books/sva/[chapter]/page.tsx @@ -50,7 +50,7 @@ export default async function SvaChapterPage({ return (
              - + -
              +
              {/* Left sidebar */} diff --git a/app/books/sva/page.tsx b/app/books/sva/page.tsx index cb4bcc2a..75f491d9 100644 --- a/app/books/sva/page.tsx +++ b/app/books/sva/page.tsx @@ -31,7 +31,7 @@ export default async function SvaPage() {

              {meta.author}

              -
              +
              {/* Description */} {meta.description && (

              {meta.description}

              diff --git a/app/books/tlc/[chapter]/page.tsx b/app/books/tlc/[chapter]/page.tsx index 18cf9239..1cf0a7de 100644 --- a/app/books/tlc/[chapter]/page.tsx +++ b/app/books/tlc/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function TlcChapterPage({ return (
              - + -
              +
              {/* Left sidebar */} diff --git a/app/books/tlc/page.tsx b/app/books/tlc/page.tsx index 0f9b45f7..740318a9 100644 --- a/app/books/tlc/page.tsx +++ b/app/books/tlc/page.tsx @@ -35,7 +35,7 @@ export default async function TlcPage() {

              {meta.author}

              -
              +
              {/* Description */} {meta.description && (

              {meta.description}

              diff --git a/app/books/tlk/[chapter]/page.tsx b/app/books/tlk/[chapter]/page.tsx index 110f7de5..106debf3 100644 --- a/app/books/tlk/[chapter]/page.tsx +++ b/app/books/tlk/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function TlkChapterPage({ return (
              - + -
              +
              {/* Left sidebar */} diff --git a/app/books/tlk/page.tsx b/app/books/tlk/page.tsx index 6cc10265..c8bcb2bb 100644 --- a/app/books/tlk/page.tsx +++ b/app/books/tlk/page.tsx @@ -31,7 +31,7 @@ export default async function TlkPage() {

              {meta.author}

              -
              +
              {/* Description */} {meta.description && (

              {meta.description}

              diff --git a/app/books/tqk/[chapter]/page.tsx b/app/books/tqk/[chapter]/page.tsx index e1d08e06..793e43ef 100644 --- a/app/books/tqk/[chapter]/page.tsx +++ b/app/books/tqk/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function TqkChapterPage({ return (
              - + -
              +
              {/* Left sidebar */} diff --git a/app/books/tqk/page.tsx b/app/books/tqk/page.tsx index c4f5d34d..4fade4ab 100644 --- a/app/books/tqk/page.tsx +++ b/app/books/tqk/page.tsx @@ -31,7 +31,7 @@ export default async function TqkPage() {

              {meta.author}

              -
              +
              {/* Description */} {meta.description && (

              {meta.description}

              diff --git a/app/books/ttp/[chapter]/page.tsx b/app/books/ttp/[chapter]/page.tsx index 4c2a710d..de4a3af5 100644 --- a/app/books/ttp/[chapter]/page.tsx +++ b/app/books/ttp/[chapter]/page.tsx @@ -43,7 +43,7 @@ export default async function TtpChapterPage({ return (
              - + -
              +
              {/* Left sidebar */} diff --git a/app/books/ttp/page.tsx b/app/books/ttp/page.tsx index 71c7a3a8..b07e6c47 100644 --- a/app/books/ttp/page.tsx +++ b/app/books/ttp/page.tsx @@ -25,7 +25,7 @@ export default async function TtpPage() {

              {meta.author}

              -
              +
              {/* Description */} {meta.description && (

              {meta.description}

              diff --git a/app/books/va/[chapter]/page.tsx b/app/books/va/[chapter]/page.tsx index 32f5806e..1b5c5a14 100644 --- a/app/books/va/[chapter]/page.tsx +++ b/app/books/va/[chapter]/page.tsx @@ -36,7 +36,7 @@ export default async function VaChapterPage({ return (
              - + -
              +
              diff --git a/app/books/va/page.tsx b/app/books/va/page.tsx index c4caec70..c6667fea 100644 --- a/app/books/va/page.tsx +++ b/app/books/va/page.tsx @@ -25,7 +25,7 @@ export default async function VaPage() {

              {meta.author}

              -
              +
              {meta.description && (

              {meta.description}

              )} diff --git a/app/disciples/page.tsx b/app/disciples/page.tsx index 9ef9912f..0c25f81c 100644 --- a/app/disciples/page.tsx +++ b/app/disciples/page.tsx @@ -88,7 +88,7 @@ export default async function DisciplesPage({

              -
              +
              - + -
              +
              {/* Left sidebar */} diff --git a/app/essays/page.tsx b/app/essays/page.tsx index 4e6eaf40..1fd99f5b 100644 --- a/app/essays/page.tsx +++ b/app/essays/page.tsx @@ -38,7 +38,7 @@ export default async function EssaysPage() {

              -
              +
              diff --git a/app/glossary/page.tsx b/app/glossary/page.tsx index 1bea9f32..4651943a 100644 --- a/app/glossary/page.tsx +++ b/app/glossary/page.tsx @@ -42,7 +42,7 @@ export default async function GlossaryPage() {

              {data.description}

              -
              +
              diff --git a/app/journals/[slug]/[chapter]/page.tsx b/app/journals/[slug]/[chapter]/page.tsx index dfe6cf9b..9cb4ab60 100644 --- a/app/journals/[slug]/[chapter]/page.tsx +++ b/app/journals/[slug]/[chapter]/page.tsx @@ -41,7 +41,7 @@ export default async function JournalChapterPage({ return (
              - + -
              +
              {meta.author}

              -
              +
              {meta.description && (

              {meta.description}

              )} diff --git a/app/journals/page.tsx b/app/journals/page.tsx index cf00a129..751e1a26 100644 --- a/app/journals/page.tsx +++ b/app/journals/page.tsx @@ -21,7 +21,7 @@ export default async function JournalsPage() {

              -
              +
              {journals.map((journal) => ( diff --git a/app/letters/[slug]/page.tsx b/app/letters/[slug]/page.tsx index 3b55b82b..5f3b55bb 100644 --- a/app/letters/[slug]/page.tsx +++ b/app/letters/[slug]/page.tsx @@ -42,7 +42,7 @@ export default async function LetterPage({

              -
              +
              {/* Top nav */} diff --git a/app/letters/filter-year-browser.tsx b/app/letters/filter-year-browser.tsx new file mode 100644 index 00000000..7f701a86 --- /dev/null +++ b/app/letters/filter-year-browser.tsx @@ -0,0 +1,536 @@ +"use client"; + +import { useState, useMemo, useRef, useEffect } from "react"; +import Link from "next/link"; +import { Card, CardContent } from "@/components/ui/card"; +import { buttonVariants } from "@/components/ui/button"; +import { ReadingSettings } from "@/components/reading-settings"; +import { cn } from "@/lib/utils"; +import { ChevronLeft, ChevronRight, Menu } from "lucide-react"; +import { + Drawer, + DrawerClose, + DrawerContent, + DrawerHeader, + DrawerTitle, + DrawerTrigger, +} from "@/components/ui/drawer"; + +// --------------------------------------------------------------------------- +// Types +// --------------------------------------------------------------------------- + +export type LetterItem = { + slug: string; + recipientDisplay: string; + date: string | null; + year: number | null; + month: number | null; + location: string | null; +}; + +type YearGroup = { + year: number; + label: string; + count: number; + letters: LetterItem[]; +}; + +type MonthGroup = { + month: number; + label: string; + letters: LetterItem[]; +}; + +// --------------------------------------------------------------------------- +// Constants +// --------------------------------------------------------------------------- + +const MONTH_NAMES = [ + "", + "January", + "February", + "March", + "April", + "May", + "June", + "July", + "August", + "September", + "October", + "November", + "December", +]; + +// --------------------------------------------------------------------------- +// Grouping helpers +// --------------------------------------------------------------------------- + +function buildYearGroups(letters: LetterItem[]): YearGroup[] { + const map = new Map(); + + for (const letter of letters) { + const y = letter.year ?? 0; + if (!map.has(y)) map.set(y, []); + map.get(y)!.push(letter); + } + + const groups: YearGroup[] = []; + + // Sorted years first, then undated (0) at the end + const years = Array.from(map.keys()).sort((a, b) => a - b); + for (const y of years) { + if (y === 0) continue; + const items = map.get(y)!; + groups.push({ + year: y, + label: String(y), + count: items.length, + letters: items, + }); + } + const undated = map.get(0); + if (undated && undated.length > 0) { + groups.push({ + year: 0, + label: "Undated", + count: undated.length, + letters: undated, + }); + } + + return groups; +} + +function buildMonthGroups(letters: LetterItem[]): MonthGroup[] { + const map = new Map(); + + for (const letter of letters) { + const m = + letter.month && letter.month >= 1 && letter.month <= 12 + ? letter.month + : 0; + if (!map.has(m)) map.set(m, []); + map.get(m)!.push(letter); + } + + const groups: MonthGroup[] = []; + for (let m = 1; m <= 12; m++) { + const items = map.get(m); + if (items && items.length > 0) { + groups.push({ month: m, label: MONTH_NAMES[m], letters: items }); + } + } + const unknown = map.get(0); + if (unknown && unknown.length > 0) { + groups.push({ month: 0, label: "Unknown Month", letters: unknown }); + } + + return groups; +} + +// --------------------------------------------------------------------------- +// Year Sidebar — matches book chapter sidebar +// --------------------------------------------------------------------------- + +function YearSidebar({ + groups, + activeYear, + onSelect, +}: { + groups: YearGroup[]; + activeYear: number; + onSelect: (year: number) => void; +}) { + return ( + + ); +} + +// --------------------------------------------------------------------------- +// Mobile drawer — matches MobileNav +// --------------------------------------------------------------------------- + +function YearMobileNav({ + groups, + activeYear, + onSelect, + title, +}: { + groups: YearGroup[]; + activeYear: number; + onSelect: (year: number) => void; + title: string; +}) { + const [open, setOpen] = useState(false); + + return ( + + + + Years + + + + {title} + + + + + ); +} + +// --------------------------------------------------------------------------- +// Prev / Next nav — matches BbdNav +// --------------------------------------------------------------------------- + +function YearNav({ + prev, + next, + groups, + activeYear, + onSelect, + drawerTitle, +}: { + prev: YearGroup | null; + next: YearGroup | null; + groups: YearGroup[]; + activeYear: number; + onSelect: (year: number) => void; + drawerTitle: string; +}) { + return ( +
              +
              + + + {prev ? ( + + ) : ( +
              + )} +
              + + {next ? ( + + ) : ( +
              + )} +
              + ); +} + +// --------------------------------------------------------------------------- +// Month section — collapsible group of letters for a single month +// --------------------------------------------------------------------------- + +function MonthSection({ + group, + defaultOpen, +}: { + group: MonthGroup; + defaultOpen: boolean; +}) { + const [open, setOpen] = useState(defaultOpen); + + return ( +
              + + + {open && ( +
                + {group.letters.map((letter) => ( +
              • + +
                +

                + To: {letter.recipientDisplay} +

                +

                + {letter.date || "Undated"} + {letter.location ? ` · ${letter.location}` : ""} +

                +
                + +
                • + ))} +
              + )} +
              + ); +} + +// --------------------------------------------------------------------------- +// Main component — header + sidebar (years) + content (month-grouped letters) +// +// Props: +// letters — all letters for this filter (recipient or location) +// filterName — display name for the filter ("Mukunda", "New York", etc.) +// filterType — "recipient" | "location" (used for back link and title) +// totalCount — total letter count +// --------------------------------------------------------------------------- + +export function FilterYearBrowser({ + letters, + filterName, + filterType, + totalCount, +}: { + letters: LetterItem[]; + filterName: string; + filterType: "recipient" | "location"; + totalCount: number; +}) { + const yearGroups = useMemo(() => buildYearGroups(letters), [letters]); + + const [activeYear, setActiveYear] = useState( + yearGroups.length > 0 ? yearGroups[0].year : 0, + ); + + const contentRef = useRef(null); + + // Keep active year valid + useEffect(() => { + if ( + yearGroups.length > 0 && + !yearGroups.find((g) => g.year === activeYear) + ) { + setActiveYear(yearGroups[0].year); + } + }, [yearGroups, activeYear]); + + const handleYearSelect = (year: number) => { + setActiveYear(year); + contentRef.current?.scrollIntoView({ behavior: "smooth", block: "start" }); + }; + + // Active group + neighbors + const activeIdx = yearGroups.findIndex((g) => g.year === activeYear); + const activeGroup = activeIdx >= 0 ? yearGroups[activeIdx] : null; + const prev = activeIdx > 0 ? yearGroups[activeIdx - 1] : null; + const next = + activeIdx >= 0 && activeIdx < yearGroups.length - 1 + ? yearGroups[activeIdx + 1] + : null; + + // Month groups within the active year + const monthGroups = useMemo( + () => buildMonthGroups(activeGroup?.letters ?? []), + [activeGroup], + ); + + // Header text + const backHref = + filterType === "recipient" + ? "/letters?view=recipient" + : "/letters?view=location"; + const backLabel = + filterType === "recipient" ? "Letters by Recipient" : "Letters by Location"; + const titlePrefix = + filterType === "recipient" ? "Letters to" : "Letters from"; + const drawerTitle = `${titlePrefix} ${filterName}`; + const activeYearLabel = activeGroup?.label ?? "Unknown"; + + return ( + <> + {/* Header */} +
              +
              +
              + + ← {backLabel} + +

              + + {titlePrefix} {filterName}:{" "} + + {activeYearLabel} +

              +

              + {activeGroup?.count ?? 0}{" "} + {(activeGroup?.count ?? 0) === 1 ? "letter" : "letters"} in{" "} + {activeYearLabel} · {totalCount} total +

              +
              +
              + +
              +
              +
              + + {/* Sidebar + Main */} +
              + {/* Left sidebar — years */} + + + {/* Main content */} +
              + {/* Top navigation */} + + + {/* Content — letters grouped by month */} + {monthGroups.length === 0 ? ( +
              +

              No letters for this year

              +
              + ) : ( + + + {monthGroups.map((mg, i) => ( + + ))} + + + )} + + {/* Bottom navigation */} + +
              +
              + + ); +} diff --git a/app/letters/location/[name]/page.tsx b/app/letters/location/[name]/page.tsx index ca8baede..3c049344 100644 --- a/app/letters/location/[name]/page.tsx +++ b/app/letters/location/[name]/page.tsx @@ -1,10 +1,8 @@ export const dynamic = "force-dynamic"; -import Link from "next/link"; import { notFound } from "next/navigation"; import { getLettersByLocation } from "@/lib/letters"; -import { PageHeader } from "@/components/page-header"; -import { Card, CardContent } from "@/components/ui/card"; +import { FilterYearBrowser } from "../../filter-year-browser"; export default async function LettersByLocationPage({ params, @@ -17,48 +15,23 @@ export default async function LettersByLocationPage({ const letters = await getLettersByLocation(name); if (letters.length === 0) notFound(); + const serialized = letters.map((l) => ({ + slug: l.slug, + recipientDisplay: l.recipientDisplay, + date: l.date, + year: l.year, + month: l.month, + location: l.location, + })); + return (
              - - - ← Letters by Location - -

              - Letters from {name} -

              -

              - {letters.length} {letters.length === 1 ? "letter" : "letters"} -

              -               - -
              - - -
                - {letters.map((letter) => ( -
              • - -
                -

                - To: {letter.recipientDisplay} -

                -

                - {letter.date || "Undated"} -

                -
                - -
                • - ))} -
              -               -               -
              +
              ); } diff --git a/app/letters/recipient/[name]/page.tsx b/app/letters/recipient/[name]/page.tsx index a95cc89c..5d9ffb5d 100644 --- a/app/letters/recipient/[name]/page.tsx +++ b/app/letters/recipient/[name]/page.tsx @@ -1,10 +1,8 @@ export const dynamic = "force-dynamic"; -import Link from "next/link"; import { notFound } from "next/navigation"; import { getLettersByRecipient } from "@/lib/letters"; -import { PageHeader } from "@/components/page-header"; -import { Card, CardContent } from "@/components/ui/card"; +import { FilterYearBrowser } from "../../filter-year-browser"; export default async function LettersByRecipientPage({ params, @@ -17,49 +15,23 @@ export default async function LettersByRecipientPage({ const letters = await getLettersByRecipient(name); if (letters.length === 0) notFound(); + const serialized = letters.map((l) => ({ + slug: l.slug, + recipientDisplay: l.recipientDisplay, + date: l.date, + year: l.year, + month: l.month, + location: l.location, + })); + return (
              - - - ← Letters by Recipient - -

              - Letters to or including {name} -

              -

              - {letters.length} {letters.length === 1 ? "letter" : "letters"} -

              -               - -
              - - -
                - {letters.map((letter) => ( -
              • - -
                -

                - To: {letter.recipientDisplay} -

                -

                - {letter.date || "Undated"} - {letter.location ? ` · ${letter.location}` : ""} -

                -
                - -
                • - ))} -
              -               -               -
              +
              ); } diff --git a/app/letters/year/[year]/page.tsx b/app/letters/year/[year]/page.tsx index 40af1aaf..b4b5b4c1 100644 --- a/app/letters/year/[year]/page.tsx +++ b/app/letters/year/[year]/page.tsx @@ -1,10 +1,8 @@ export const dynamic = "force-dynamic"; -import Link from "next/link"; import { notFound } from "next/navigation"; import { getLettersByYear } from "@/lib/letters"; -import { PageHeader } from "@/components/page-header"; -import { Card, CardContent } from "@/components/ui/card"; +import { YearMonthBrowser } from "./year-month-browser"; export default async function LettersByYearPage({ params, @@ -18,49 +16,22 @@ export default async function LettersByYearPage({ const letters = await getLettersByYear(year); if (letters.length === 0) notFound(); + const serialized = letters.map((l) => ({ + slug: l.slug, + recipientDisplay: l.recipientDisplay, + date: l.date, + year: l.year, + month: l.month, + location: l.location, + })); + return (
              - - - ← Letters by Year - -

              - Letters from {year} -

              -

              - {letters.length} {letters.length === 1 ? "letter" : "letters"} -

              -               - -
              - - -
                - {letters.map((letter) => ( -
              • - -
                -

                - To: {letter.recipientDisplay} -

                -

                - {letter.date} - {letter.location ? ` · ${letter.location}` : ""} -

                -
                - -
                • - ))} -
              -               -               -
              +
              ); } diff --git a/app/letters/year/[year]/year-month-browser.tsx b/app/letters/year/[year]/year-month-browser.tsx new file mode 100644 index 00000000..cd245e72 --- /dev/null +++ b/app/letters/year/[year]/year-month-browser.tsx @@ -0,0 +1,451 @@ +"use client"; + +import { useState, useMemo, useRef, useEffect } from "react"; +import Link from "next/link"; +import { Card, CardContent } from "@/components/ui/card"; +import { buttonVariants } from "@/components/ui/button"; +import { ReadingSettings } from "@/components/reading-settings"; +import { cn } from "@/lib/utils"; +import { ChevronLeft, ChevronRight, Menu } from "lucide-react"; +import { + Drawer, + DrawerClose, + DrawerContent, + DrawerHeader, + DrawerTitle, + DrawerTrigger, +} from "@/components/ui/drawer"; + +// --------------------------------------------------------------------------- +// Types +// --------------------------------------------------------------------------- + +export type LetterItem = { + slug: string; + recipientDisplay: string; + date: string | null; + year: number | null; + month: number | null; + location: string | null; +}; + +type MonthGroup = { + month: number; + label: string; + shortLabel: string; + count: number; + letters: LetterItem[]; +}; + +// --------------------------------------------------------------------------- +// Constants +// --------------------------------------------------------------------------- + +const MONTH_NAMES = [ + "", + "January", + "February", + "March", + "April", + "May", + "June", + "July", + "August", + "September", + "October", + "November", + "December", +]; + +const MONTH_SHORT = [ + "", + "Jan", + "Feb", + "Mar", + "Apr", + "May", + "Jun", + "Jul", + "Aug", + "Sep", + "Oct", + "Nov", + "Dec", +]; + +// --------------------------------------------------------------------------- +// Build month groups from flat letter list +// --------------------------------------------------------------------------- + +function buildMonthGroups(letters: LetterItem[]): MonthGroup[] { + const map = new Map(); + + for (const letter of letters) { + const m = + letter.month && letter.month >= 1 && letter.month <= 12 + ? letter.month + : 0; + if (!map.has(m)) map.set(m, []); + map.get(m)!.push(letter); + } + + const groups: MonthGroup[] = []; + for (let m = 1; m <= 12; m++) { + const items = map.get(m); + if (items && items.length > 0) { + groups.push({ + month: m, + label: MONTH_NAMES[m], + shortLabel: MONTH_SHORT[m], + count: items.length, + letters: items, + }); + } + } + const unknown = map.get(0); + if (unknown && unknown.length > 0) { + groups.push({ + month: 0, + label: "Unknown Month", + shortLabel: "Unknown", + count: unknown.length, + letters: unknown, + }); + } + + return groups; +} + +// --------------------------------------------------------------------------- +// Sidebar — matches book chapter sidebar +// --------------------------------------------------------------------------- + +function MonthSidebar({ + groups, + activeMonth, + onSelect, +}: { + groups: MonthGroup[]; + activeMonth: number; + onSelect: (month: number) => void; +}) { + return ( + + ); +} + +// --------------------------------------------------------------------------- +// Mobile drawer — matches MobileNav +// --------------------------------------------------------------------------- + +function MonthMobileNav({ + groups, + activeMonth, + onSelect, + year, +}: { + groups: MonthGroup[]; + activeMonth: number; + onSelect: (month: number) => void; + year: number; +}) { + const [open, setOpen] = useState(false); + + return ( + + + + Months + + + + Letters from {year} + + + + + ); +} + +// --------------------------------------------------------------------------- +// Prev / Next nav — matches BbdNav +// --------------------------------------------------------------------------- + +function MonthNav({ + prev, + next, + groups, + activeMonth, + onSelect, + year, +}: { + prev: MonthGroup | null; + next: MonthGroup | null; + groups: MonthGroup[]; + activeMonth: number; + onSelect: (month: number) => void; + year: number; +}) { + return ( +
              +
              + + + {prev ? ( + + ) : ( +
              + )} +
              + + {next ? ( + + ) : ( +
              + )} +
              + ); +} + +// --------------------------------------------------------------------------- +// Main component — renders header + sidebar + content (entire page layout) +// --------------------------------------------------------------------------- + +export function YearMonthBrowser({ + letters, + year, + totalCount, +}: { + letters: LetterItem[]; + year: number; + totalCount: number; +}) { + const allGroups = useMemo(() => buildMonthGroups(letters), [letters]); + + const [activeMonth, setActiveMonth] = useState( + allGroups.length > 0 ? allGroups[0].month : 1, + ); + + const contentRef = useRef(null); + + // Keep active month valid + useEffect(() => { + if ( + allGroups.length > 0 && + !allGroups.find((g) => g.month === activeMonth) + ) { + setActiveMonth(allGroups[0].month); + } + }, [allGroups, activeMonth]); + + const handleMonthSelect = (month: number) => { + setActiveMonth(month); + contentRef.current?.scrollIntoView({ behavior: "smooth", block: "start" }); + }; + + // Active group + neighbors + const activeIdx = allGroups.findIndex((g) => g.month === activeMonth); + const activeGroup = activeIdx >= 0 ? allGroups[activeIdx] : null; + const prev = activeIdx > 0 ? allGroups[activeIdx - 1] : null; + const next = + activeIdx >= 0 && activeIdx < allGroups.length - 1 + ? allGroups[activeIdx + 1] + : null; + + const activeLetters = activeGroup?.letters ?? []; + const activeLabel = activeGroup?.label ?? "Unknown Month"; + + return ( + <> + {/* Header */} +
              +
              +
              + + ← Letters by Year + +

              + Letters: + {activeLabel} {year} +

              +

              + {activeGroup?.count ?? 0}{" "} + {(activeGroup?.count ?? 0) === 1 ? "letter" : "letters"} ·{" "} + {totalCount} total in {year} +

              +
              +
              + +
              +
              +
              + + {/* Sidebar + Main */} +
              + {/* Left sidebar */} + + + {/* Main content */} +
              + {/* Top navigation */} + + + {/* Content */} + {activeLetters.length === 0 ? ( +
              +

              No letters for this month

              +
              + ) : ( + + +
                + {activeLetters.map((letter) => ( +
              • + +
                +

                + To: {letter.recipientDisplay} +

                +

                + {letter.date || "Undated"} + {letter.location ? ` · ${letter.location}` : ""} +

                +
                + +
                • + ))} +
              +               +               + )} + + {/* Bottom navigation */} + +
              +
              + + ); +} diff --git a/app/magazines/[slug]/[issue]/page.tsx b/app/magazines/[slug]/[issue]/page.tsx index bbc36385..a4d3fcea 100644 --- a/app/magazines/[slug]/[issue]/page.tsx +++ b/app/magazines/[slug]/[issue]/page.tsx @@ -40,7 +40,7 @@ export default async function MagazineIssuePage({ return (
              - + -
              +
              {meta.author}

              -
              +
              {meta.description && (

              {meta.description}

              )} diff --git a/app/magazines/page.tsx b/app/magazines/page.tsx index 60d9f85e..8b02f726 100644 --- a/app/magazines/page.tsx +++ b/app/magazines/page.tsx @@ -52,7 +52,7 @@ export default async function MagazinesPage() {

              -
              +
              {sortedGroups.map((group) => (
              {showGroupHeadings && ( diff --git a/app/other-documents/[slug]/[chapter]/page.tsx b/app/other-documents/[slug]/[chapter]/page.tsx index 35d11ec1..95d66103 100644 --- a/app/other-documents/[slug]/[chapter]/page.tsx +++ b/app/other-documents/[slug]/[chapter]/page.tsx @@ -45,7 +45,7 @@ export default async function OtherDocumentChapterPage({ return (
              - + -
              +
              {/* Left sidebar */} {meta.author}

              -
              +
              {/* Description */} {meta.description && (

              {meta.description}

              diff --git a/app/other-documents/page.tsx b/app/other-documents/page.tsx index 40dfe103..022b3b87 100644 --- a/app/other-documents/page.tsx +++ b/app/other-documents/page.tsx @@ -34,7 +34,7 @@ export default async function OtherDocumentsPage() {

              -
              +
              diff --git a/app/page.tsx b/app/page.tsx index 2bd49798..15a5b43a 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -30,7 +30,7 @@ export default function Home() { -
              +
              {/* Structured Books (JSON) */} diff --git a/app/rtfs/page.tsx b/app/rtfs/page.tsx index e69409d2..6ae14faf 100644 --- a/app/rtfs/page.tsx +++ b/app/rtfs/page.tsx @@ -52,7 +52,7 @@ export default function RtfsPage() { {files.length} original documents from the pre-1978 Vedabase

              -
              +
              {fileList.map((file) => ( diff --git a/components/page-header.tsx b/components/page-header.tsx index c6eb96cb..b82157f4 100644 --- a/components/page-header.tsx +++ b/components/page-header.tsx @@ -4,12 +4,10 @@ import { cn } from "@/lib/utils"; export function PageHeader({ children, sticky = false, - wide = false, className, }: { children: React.ReactNode; sticky?: boolean; - wide?: boolean; className?: string; }) { return ( @@ -20,12 +18,7 @@ export function PageHeader({ className, )} > -
              +
              {children}
              diff --git a/components/site-footer.tsx b/components/site-footer.tsx index 811c4ab4..9564a99e 100644 --- a/components/site-footer.tsx +++ b/components/site-footer.tsx @@ -3,12 +3,10 @@ import Link from "next/link"; export function SiteFooter() { return (