Rename "Download queue" desktop nav item to "Downloads"

"Download queue" is too long for the side nav menu
This commit is contained in:
schroda
2025-06-22 18:43:54 +02:00
parent 781d89a75a
commit 998400327f
5 changed files with 9 additions and 5 deletions

View File

@@ -176,8 +176,7 @@
"label": { "label": {
"delete_all": "Delete all", "delete_all": "Delete all",
"no_downloads": "No downloads" "no_downloads": "No downloads"
}, }
"title": "Download Queue"
}, },
"settings": { "settings": {
"auto_download": { "auto_download": {

View File

@@ -36,7 +36,7 @@ import { VirtuosoPersisted } from '@/lib/virtuoso/Component/VirtuosoPersisted.ts
export const DownloadQueue: React.FC = () => { export const DownloadQueue: React.FC = () => {
const { t } = useTranslation(); const { t } = useTranslation();
useAppTitle(t('download.queue.title')); useAppTitle(t('download.title.queue'));
const [reorderDownload, { reset: revertReorder }] = requestManager.useReorderChapterInDownloadQueue(); const [reorderDownload, { reset: revertReorder }] = requestManager.useReorderChapterInDownloadQueue();

View File

@@ -65,7 +65,8 @@ const NAVIGATION_BAR_BASE_ITEMS = [
const NAVIGATION_BAR_DESKTOP_ITEMS = [ const NAVIGATION_BAR_DESKTOP_ITEMS = [
{ {
path: AppRoutes.downloads.path, path: AppRoutes.downloads.path,
title: 'download.title.queue', title: 'download.title.download',
moreTitle: 'download.title.queue',
SelectedIconComponent: GetAppIcon, SelectedIconComponent: GetAppIcon,
IconComponent: GetAppOutlinedIcon, IconComponent: GetAppOutlinedIcon,
show: 'desktop', show: 'desktop',

View File

@@ -26,6 +26,7 @@ export enum NavBarItemMoreGroup {
export interface NavbarItem { export interface NavbarItem {
path: StaticAppRoute; path: StaticAppRoute;
title: TranslationKey; title: TranslationKey;
moreTitle?: TranslationKey;
SelectedIconComponent: OverridableComponent<SvgIconTypeMap<{}, 'svg'>>; SelectedIconComponent: OverridableComponent<SvgIconTypeMap<{}, 'svg'>>;
IconComponent: OverridableComponent<SvgIconTypeMap<{}, 'svg'>>; IconComponent: OverridableComponent<SvgIconTypeMap<{}, 'svg'>>;
show: 'mobile' | 'desktop' | 'both'; show: 'mobile' | 'desktop' | 'both';

View File

@@ -68,7 +68,10 @@ export const More = () => {
<ListItemIcon> <ListItemIcon>
<item.IconComponent /> <item.IconComponent />
</ListItemIcon> </ListItemIcon>
<ListItemText primary={t(item.title)} secondary={item.useBadge?.().title} /> <ListItemText
primary={t(item.moreTitle ?? item.title)}
secondary={item.useBadge?.().title}
/>
</ListItemLink> </ListItemLink>
))} ))}
{index !== list.length - 1 && <Divider />} {index !== list.length - 1 && <Divider />}