From f07ad643d53ece6a23fbbdef6a86152b0ca777ca Mon Sep 17 00:00:00 2001
From: RXWatcher <14085001+RXWatcher@users.noreply.github.com>
Date: Wed, 27 May 2026 16:24:08 +0200
Subject: [PATCH] style(audiobooks): apply prettier to ChaptersSection and
 NarratorPicker
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

These two files came in with this branch but were missed by prettier
formatting passes — long single-prop lines were wrapped where they
would have fit on one line under the project's 100-col width.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 web/src/pages/audiobooks/components/ChaptersSection.tsx | 4 +---
 web/src/pages/audiobooks/components/NarratorPicker.tsx  | 6 +-----
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/web/src/pages/audiobooks/components/ChaptersSection.tsx b/web/src/pages/audiobooks/components/ChaptersSection.tsx
index 5a18150d..c1564566 100644
--- a/web/src/pages/audiobooks/components/ChaptersSection.tsx
+++ b/web/src/pages/audiobooks/components/ChaptersSection.tsx
@@ -86,9 +86,7 @@ export function ChaptersSection({ files, currentPositionSeconds, onSelect }: Cha
           aria-expanded={expanded}
           className="hover:text-primary flex items-center gap-2 text-xl font-semibold tracking-tight transition-colors"
         >
-          <ChevronDown
-            className={`h-5 w-5 transition-transform ${expanded ? "" : "-rotate-90"}`}
-          />
+          <ChevronDown className={`h-5 w-5 transition-transform ${expanded ? "" : "-rotate-90"}`} />
           Chapters
           <span className="text-muted-foreground text-sm font-normal">({rows.length})</span>
         </button>
diff --git a/web/src/pages/audiobooks/components/NarratorPicker.tsx b/web/src/pages/audiobooks/components/NarratorPicker.tsx
index 9dd06a52..815acfd6 100644
--- a/web/src/pages/audiobooks/components/NarratorPicker.tsx
+++ b/web/src/pages/audiobooks/components/NarratorPicker.tsx
@@ -9,11 +9,7 @@ interface NarratorPickerProps {
   others: AudiobookNarration[];
 }
 
-export function NarratorPicker({
-  currentNarrator,
-  currentContentId,
-  others,
-}: NarratorPickerProps) {
+export function NarratorPicker({ currentNarrator, currentContentId, others }: NarratorPickerProps) {
   const [open, setOpen] = useState(false);
   const wrapperRef = useRef<HTMLDivElement | null>(null);
   const navigate = useNavigate();