diff --git a/src/modules/core/components/DownloadStateIndicator.tsx b/src/modules/core/components/DownloadStateIndicator.tsx index 382edbb7..63dd1e19 100644 --- a/src/modules/core/components/DownloadStateIndicator.tsx +++ b/src/modules/core/components/DownloadStateIndicator.tsx @@ -33,6 +33,8 @@ export const DownloadStateIndicator = ({ chapterId }: { chapterId: ChapterIdInfo const isDownloading = download.state === DownloadState.Downloading; const isPartiallyDownloaded = download.progress !== 0; + const progress = `${Math.round(download.progress * 100)}%`; + return ( <> - {(isDownloading || isPartiallyDownloaded) && `${Math.round(download.progress * 100)}%`} + {isDownloading && progress} {!isDownloading && - !isPartiallyDownloaded && - t(DOWNLOAD_STATE_TO_TRANSLATION_KEY_MAP[download.state])} + t('global.value', { + value: t(DOWNLOAD_STATE_TO_TRANSLATION_KEY_MAP[download.state]), + unit: isPartiallyDownloaded ? ` (${progress})` : '', + })}