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

Add cancelText parameter

Browse source
This commit is contained in:
RobbyV2 2025-07-19 21:04:03 -07:00
parent 32f5cdc494
commit 7b703f015f
3 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/DocumentSettings.tsx
View file

@ -133,6 +133,7 @@ export function DocumentSettings({ isOpen, setIsOpen, epub, html }: {
estimatedTimeRemaining={estimatedTimeRemaining || undefined}
onCancel={handleCancel}
isProcessing={epub ? isAudioCombining : isPDFAudioCombining}
cancelText="Cancel and download"
/>
<Transition appear show={isOpen} as={Fragment}>

17
src/components/ProgressPopup.tsx
View file

@ -10,9 +10,10 @@ interface ProgressPopupProps {
isProcessing: boolean;
statusMessage?: string;
operationType?: 'sync' | 'load';
cancelText?: string;
}
export function ProgressPopup({ isOpen, progress, estimatedTimeRemaining, onCancel, isProcessing, statusMessage, operationType }: ProgressPopupProps) {
export function ProgressPopup({ isOpen, progress, estimatedTimeRemaining, onCancel, isProcessing, statusMessage, operationType, cancelText = 'Cancel' }: ProgressPopupProps) {
return (
<Transition
show={isOpen}
@ -52,19 +53,15 @@ export function ProgressPopup({ isOpen, progress, estimatedTimeRemaining, onCanc
</div>
<button
type="button"
className="inline-flex justify-center rounded-lg px-2.5 py-1
font-medium text-foreground hover:text-accent focus:outline-none
focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2
transform transition-transform duration-200 ease-in-out hover:scale-[1.02]"
className="inline-flex items-center justify-center gap-1 rounded-lg px-2.5 py-1 font-medium text-foreground hover:text-accent focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 transform transition-transform duration-200 ease-in-out hover:scale-[1.02]"
onClick={onCancel}
>
{isProcessing ? (
<div className="w-full h-full flex items-center justify-end">
{isProcessing && (
<span className="relative inline-block w-4 h-4">
<LoadingSpinner />
</div>
) : (
'Cancel and download'
</span>
)}
<span>{cancelText}</span>
</button>
</div>
</div>

1
src/components/SettingsModal.tsx
View file

@ -569,6 +569,7 @@ export function SettingsModal() {
isProcessing={isSyncing || isLoading}
statusMessage={statusMessage}
operationType={operationType}
cancelText="Cancel"
/>
</>
);