fix(i18n): update translation keys (#999)

* feat(chapter): add "mark all as read" option

Added new translation key for "Mark all as read" and updated ChaptersToolbarMenu to use it in the tooltip when marking all chapters as read.

* refactor(i18n): create global download key for generic actions

* feat(i18n): add filter and sort string to chapter toolbar

* fix(i18n): update tooltip text for clear selection action

* apply `yarn lint --fix`

public/locales/en.json

@@ -103,6 +103,9 @@
           }
         }
       },
+      "filter_and_sort": {
+        "label": "Filter and sort"
+      },
       "label": {
         "select": "Select"
       },
@@ -114,7 +117,8 @@
           "label": {
             "action": {
               "current": "Mark as read",
-              "previous": "Mark previous as read"
+              "previous": "Mark previous as read",
+              "all": "Mark all as read"
             },
             "confirmation_one": "You are about to mark one chapter as read",
             "confirmation_other": "You are about to mark {{count}} chapters as read",
@@ -341,12 +345,13 @@
       "browse": "Browse",
       "cancel": "Cancel",
       "changelog": "Changelog",
-      "clear": "Clear",
+      "clear_selection": "Clear",
       "copy": "Copy",
       "create": "Create",
       "delete": "Delete",
       "deselect": "Deselect",
       "dont_show_dialog_again": "Don't show this dialog again",
+      "download": "Download",
       "edit": "Edit",
       "filter": "Filter",
       "ignore": "Ignore",

src/features/app-updates/components/ServerUpdateChecker.tsx

@@ -102,7 +102,7 @@ export const ServerUpdateChecker = () => {
                     channel: selectedServerChannelInfo.channel,
                     version: selectedServerChannelInfo.tag,
                 })}
-                actionTitle={t('chapter.action.download.add.label.action')}
+                actionTitle={t('global.button.download')}
                 actionUrl={selectedServerChannelInfo.url}
                 updateCheckerProps={['server', checkForUpdate, selectedServerChannelInfo?.tag]}
             />

src/features/chapter/components/ChaptersToolbarMenu.tsx

@@ -55,10 +55,7 @@ export const ChaptersToolbarMenu = ({
 
     return (
         <>
-            <CustomTooltip
+            <CustomTooltip title={t('chapter.action.mark_as_read.add.label.action.all')} disabled={areAllChaptersRead}>
-                title={t('chapter.action.mark_as_read.add.label.action.current')}
-                disabled={areAllChaptersRead}
-            >
                 <IconButton
                     disabled={areAllChaptersRead}
                     onClick={() => Chapters.markAsRead(Chapters.getNonRead(chapters), true, mangaId)}
@@ -70,10 +67,7 @@ export const ChaptersToolbarMenu = ({
             <PopupState variant="popover" popupId="chapterlist-download-button">
                 {(popupState) => (
                     <>
-                        <CustomTooltip
+                        <CustomTooltip title={t('global.button.download')} disabled={areAllChaptersRead}>
-                            title={t('chapter.action.download.add.label.action')}
-                            disabled={areAllChaptersRead}
-                        >
                             <IconButton
                                 disabled={areAllChaptersDownloaded}
                                 {...bindTrigger(popupState)}
@@ -90,7 +84,7 @@ export const ChaptersToolbarMenu = ({
                     </>
                 )}
             </PopupState>
-            <CustomTooltip title={t('settings.title')}>
+            <CustomTooltip title={t('chapter.action.filter_and_sort.label')}>
                 <IconButton onClick={() => setOpen(true)} color="inherit">
                     <FilterList color={isFiltered ? 'warning' : undefined} />
                 </IconButton>

src/features/collection/components/SelectableCollectionSelectAll.tsx

@@ -22,7 +22,7 @@ export const SelectableCollectionSelectAll = ({
     const { t } = useTranslation();
 
     return (
-        <CustomTooltip title={t(!areAllItemsSelected ? 'global.button.select_all' : 'global.button.clear')}>
+        <CustomTooltip title={t(!areAllItemsSelected ? 'global.button.select_all' : 'global.button.clear_selection')}>
             <Checkbox
                 sx={{
                     padding: '8px',