diff --git a/src/modules/core/components/DownloadStateIndicator.tsx b/src/modules/core/components/DownloadStateIndicator.tsx index c3894895..485d7d93 100644 --- a/src/modules/core/components/DownloadStateIndicator.tsx +++ b/src/modules/core/components/DownloadStateIndicator.tsx @@ -24,6 +24,9 @@ const DOWNLOAD_STATE_TO_TRANSLATION_KEY_MAP: { [state in DownloadState]: Transla export const DownloadStateIndicator = ({ download }: { download: ChapterDownloadStatus }) => { const { t } = useTranslation(); + const isDownloading = download.state === DownloadState.Downloading; + const isPartiallyDownloaded = download.progress !== 0; + return ( <> - {download.progress !== 0 && `${Math.round(download.progress * 100)}%`} - {download.progress === 0 && t(DOWNLOAD_STATE_TO_TRANSLATION_KEY_MAP[download.state])} + {isDownloading && `${Math.round(download.progress * 100)}%`} + {!isDownloading && + !isPartiallyDownloaded && + t(DOWNLOAD_STATE_TO_TRANSLATION_KEY_MAP[download.state])}