danvics/openreader
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use shared cards in audiobook settings

Browse source
This commit is contained in:
Richard R 2026-06-01 10:58:17 -06:00
parent fe79085f72
commit 44989700a6
1 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/AudiobookExportModal.tsx
View file

@ -13,7 +13,7 @@ import { VoicesControlBase } from '@/components/player/VoicesControlBase';
import { ReaderSidebarShell } from '@/components/reader/ReaderSidebarShell'; import { ReaderSidebarShell } from '@/components/reader/ReaderSidebarShell';
import { resolveTtsProviderModelPolicy } from '@/lib/shared/tts-provider-policy'; import { resolveTtsProviderModelPolicy } from '@/lib/shared/tts-provider-policy';
import type { TTSAudiobookChapter, TTSAudiobookFormat } from '@/types/tts'; import type { TTSAudiobookChapter, TTSAudiobookFormat } from '@/types/tts';
import { Button, IconButton, MenuItemClass, cn, listboxButtonClass, listboxOptionClass, listboxPanelClass, menuPanelClass, rangeInputClass } from '@/components/ui'; import { Button, Card, IconButton, MenuItemClass, cn, listboxButtonClass, listboxOptionClass, listboxPanelClass, menuPanelClass, rangeInputClass } from '@/components/ui';
import { import {
getAudiobookStatus, getAudiobookStatus,
deleteAudiobookChapter, deleteAudiobookChapter,
@ -504,17 +504,17 @@ export function AudiobookExportModal({
{settingsLocked && savedSettings ? ( {settingsLocked && savedSettings ? (
<div className="space-y-3"> <div className="space-y-3">
<div className="grid grid-cols-2 gap-3"> <div className="grid grid-cols-2 gap-3">
<div className="rounded-lg bg-surface p-3"> <Card className="p-3">
<div className="text-[11px] uppercase tracking-wider text-soft mb-1">Voice</div> <div className="text-[11px] uppercase tracking-wider text-soft mb-1">Voice</div>
<div className="text-sm font-medium text-foreground truncate">{savedSettings.voice}</div> <div className="text-sm font-medium text-foreground truncate">{savedSettings.voice}</div>
</div> </Card>
<div className="rounded-lg bg-surface p-3"> <Card className="p-3">
<div className="text-[11px] uppercase tracking-wider text-soft mb-1">Format</div> <div className="text-[11px] uppercase tracking-wider text-soft mb-1">Format</div>
<div className="text-sm font-medium text-foreground">{savedSettings.format.toUpperCase()}</div> <div className="text-sm font-medium text-foreground">{savedSettings.format.toUpperCase()}</div>
</div> </Card>
</div> </div>
<div className="grid grid-cols-2 gap-3"> <div className="grid grid-cols-2 gap-3">
<div className="rounded-lg bg-surface p-3"> <Card className="p-3">
<div className="text-[11px] uppercase tracking-wider text-soft mb-1">Native speed</div> <div className="text-[11px] uppercase tracking-wider text-soft mb-1">Native speed</div>
<div className="text-sm font-medium text-foreground"> <div className="text-sm font-medium text-foreground">
{resolveTtsProviderModelPolicy({ {resolveTtsProviderModelPolicy({
@ -525,11 +525,11 @@ export function AudiobookExportModal({
? `${formatSpeed(savedSettings.nativeSpeed)}x` ? `${formatSpeed(savedSettings.nativeSpeed)}x`
: 'Not supported'} : 'Not supported'}
</div> </div>
</div> </Card>
<div className="rounded-lg bg-surface p-3"> <Card className="p-3">
<div className="text-[11px] uppercase tracking-wider text-soft mb-1">Post speed</div> <div className="text-[11px] uppercase tracking-wider text-soft mb-1">Post speed</div>
<div className="text-sm font-medium text-foreground">{formatSpeed(savedSettings.postSpeed)}x</div> <div className="text-sm font-medium text-foreground">{formatSpeed(savedSettings.postSpeed)}x</div>
</div> </Card>
</div> </div>
<p className="text-xs text-soft"> <p className="text-xs text-soft">
Reset the audiobook to change generation settings. Reset the audiobook to change generation settings.
@ -605,7 +605,7 @@ export function AudiobookExportModal({
</div> </div>
{/* Speed controls */} {/* Speed controls */}
<div className="rounded-lg bg-surface p-3 space-y-3"> <Card className="p-3 space-y-3">
{!nativeSpeedSupported && ( {!nativeSpeedSupported && (
<div className="rounded-md border border-line bg-background px-2 py-1.5 text-[11px] text-soft"> <div className="rounded-md border border-line bg-background px-2 py-1.5 text-[11px] text-soft">
Native model speed is not available for this model. Native model speed is not available for this model.
@ -657,7 +657,7 @@ export function AudiobookExportModal({
<span>3x</span> <span>3x</span>
</div> </div>
</div> </div>
</div> </Card>
</div> </div>
)} )}