diff --git a/src/components/manga/ChapterCard.tsx b/src/components/manga/ChapterCard.tsx index 552351f4..3bed52ca 100644 --- a/src/components/manga/ChapterCard.tsx +++ b/src/components/manga/ChapterCard.tsx @@ -149,10 +149,7 @@ export default function ChapterCard(props: IProps) { {!chapter.bookmarked && 'Bookmark'} sendChange('read', !chapter.read)}> - Mark as - {' '} - {chapter.read && 'unread'} - {!chapter.read && 'read'} + {`Mark as ${chapter.read && 'unread'} ${!chapter.read && 'read'}`} sendChange('markPrevRead', true)}> Mark previous as Read diff --git a/src/components/manga/MangaDetails.tsx b/src/components/manga/MangaDetails.tsx index 977cb908..3cead926 100644 --- a/src/components/manga/MangaDetails.tsx +++ b/src/components/manga/MangaDetails.tsx @@ -205,24 +205,18 @@ export default function MangaDetails(props: IProps) { {manga.title}

- Author: - {' '} + {'Author: '} {getValueOrUnknown(manga.author)}

- Artist: - {' '} + {'Artist: '} {getValueOrUnknown(manga.artist)}

- Status: - {' '} - {manga.status} + {`Status: ${manga.status}`}

- Source: - {' '} - {getSourceName(manga.source)} + {`Source: ${getSourceName(manga.source)}`}

diff --git a/src/components/navbar/ReaderNavBar.tsx b/src/components/navbar/ReaderNavBar.tsx index 56fea5f2..8cc737bc 100644 --- a/src/components/navbar/ReaderNavBar.tsx +++ b/src/components/navbar/ReaderNavBar.tsx @@ -332,13 +332,7 @@ export default function ReaderNavBar(props: IProps) {
- Currently on page - {' '} - {curPage + 1} - {' '} - of - {' '} - {chapter.pageCount} + {`Currently on page ${curPage + 1} of ${chapter.pageCount}`}
{chapter.index > 1 diff --git a/src/screens/manga/DownloadQueue.tsx b/src/screens/manga/DownloadQueue.tsx index c281fed5..5c36b33b 100644 --- a/src/screens/manga/DownloadQueue.tsx +++ b/src/screens/manga/DownloadQueue.tsx @@ -24,6 +24,7 @@ import DragHandleIcon from '@mui/icons-material/DragHandle'; import ListItem from '@mui/material/ListItem'; import { ListItemIcon } from '@mui/material'; import ListItemText from '@mui/material/ListItemText'; +import EmptyView from 'components/EmptyView'; const baseWebsocketUrl = JSON.parse(window.localStorage.getItem('serverBaseURL')!).replace('http', 'ws'); @@ -91,6 +92,10 @@ export default function DownloadQueue() { const onDragEnd = (result: DropResult) => { }; + if (queue.length === 0) { + return ; + } + return ( <>