From d60ed0c0558c4d9895ab681143f374959709c42f Mon Sep 17 00:00:00 2001
From: Alexandre <EvilPyro@protonmail.com>
Date: Sat, 3 Jun 2023 20:53:52 +0200
Subject: [PATCH] Add fit page to window reader setting (#323)

* Add fit page to window reader setting

* Renamed option and conditional rendering

* Rename translation key
---
 src/components/navbar/ReaderNavBar.tsx        |  1 +
 src/components/reader/Page.tsx                |  1 +
 .../reader/ReaderSettingsOptions.tsx          | 21 ++++++++++++++++++-
 src/i18n/locale/en.json                       |  3 ++-
 src/i18n/locale/es.json                       |  3 ++-
 .../settings/DefaultReaderSettings.tsx        |  1 +
 src/typings.ts                                |  1 +
 src/util/readerSettings.ts                    |  2 ++
 8 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/components/navbar/ReaderNavBar.tsx b/src/components/navbar/ReaderNavBar.tsx
index 06cc8c2d..e8df9572 100644
--- a/src/components/navbar/ReaderNavBar.tsx
+++ b/src/components/navbar/ReaderNavBar.tsx
@@ -261,6 +261,7 @@ export default function ReaderNavBar(props: IProps) {
                             showPageNumber={settings.showPageNumber}
                             loadNextOnEnding={settings.loadNextOnEnding}
                             skipDupChapters={settings.skipDupChapters}
+                            fitPageToWindow={settings.fitPageToWindow}
                             readerType={settings.readerType}
                         />
                     </Collapse>
diff --git a/src/components/reader/Page.tsx b/src/components/reader/Page.tsx
index bede75ad..84c0dae6 100644
--- a/src/components/reader/Page.tsx
+++ b/src/components/reader/Page.tsx
@@ -30,6 +30,7 @@ function imageStyle(settings: IReaderSettings): any {
         };
     }, []);
     if (
+        settings.fitPageToWindow ||
         settings.readerType === 'DoubleLTR' ||
         settings.readerType === 'DoubleRTL' ||
         settings.readerType === 'ContinuesHorizontalLTR' ||
diff --git a/src/components/reader/ReaderSettingsOptions.tsx b/src/components/reader/ReaderSettingsOptions.tsx
index 6133938e..c17eaaed 100644
--- a/src/components/reader/ReaderSettingsOptions.tsx
+++ b/src/components/reader/ReaderSettingsOptions.tsx
@@ -25,9 +25,16 @@ export default function ReaderSettingsOptions({
     showPageNumber,
     skipDupChapters,
     setSettingValue,
+    fitPageToWindow,
 }: IProps) {
     const { t } = useTranslation();
-
+    const fitPageToWindowEligible = [
+        'ContinuesVertical',
+        'Webtoon',
+        'SingleVertical',
+        'SingleRTL',
+        'SingleLTR',
+    ].includes(readerType);
     return (
         <List>
             <ListItem>
@@ -70,6 +77,18 @@ export default function ReaderSettingsOptions({
                     />
                 </ListItemSecondaryAction>
             </ListItem>
+            {fitPageToWindowEligible ? (
+                <ListItem>
+                    <ListItemText primary={t('reader.settings.label.fit_page_to_window')} />
+                    <ListItemSecondaryAction>
+                        <Switch
+                            edge="end"
+                            checked={fitPageToWindow}
+                            onChange={(e) => setSettingValue('fitPageToWindow', e.target.checked)}
+                        />
+                    </ListItemSecondaryAction>
+                </ListItem>
+            ) : null}
             <ListItem>
                 <ListItemText primary={t('reader.settings.label.reader_type')} />
                 <Select
diff --git a/src/i18n/locale/en.json b/src/i18n/locale/en.json
index 2762bc0f..9623c6d0 100644
--- a/src/i18n/locale/en.json
+++ b/src/i18n/locale/en.json
@@ -361,7 +361,8 @@
         "reader_type": "Reader type",
         "show_page_number": "Show page number",
         "skip_dup_chapters": "Skip duplicate chapters",
-        "static_navigation": "Static navigation"
+        "static_navigation": "Static navigation",
+        "fit_page_to_window": "Fit page to window"
       },
       "reader_type": {
         "label": {
diff --git a/src/i18n/locale/es.json b/src/i18n/locale/es.json
index f0887d81..3ef15ddc 100644
--- a/src/i18n/locale/es.json
+++ b/src/i18n/locale/es.json
@@ -299,7 +299,8 @@
                 "static_navigation": "Navigación Estática",
                 "show_page_number": "Mostrar numero de pagina",
                 "reader_type": "Tipo de Lector",
-                "skip_dup_chapters": "Omitir capítulos duplicados"
+                "skip_dup_chapters": "Omitir capítulos duplicados",
+                "fit_page_to_window": "Ajustar página a la ventana"
             },
             "title": {
                 "default_reader_settings": "Ajustes Defecto del Lector",
diff --git a/src/screens/settings/DefaultReaderSettings.tsx b/src/screens/settings/DefaultReaderSettings.tsx
index 8ba97099..7c362743 100644
--- a/src/screens/settings/DefaultReaderSettings.tsx
+++ b/src/screens/settings/DefaultReaderSettings.tsx
@@ -61,6 +61,7 @@ export default function DefaultReaderSettings() {
             showPageNumber={settings.showPageNumber}
             loadNextOnEnding={settings.loadNextOnEnding}
             skipDupChapters={settings.skipDupChapters}
+            fitPageToWindow={settings.fitPageToWindow}
             readerType={settings.readerType}
         />
     );
diff --git a/src/typings.ts b/src/typings.ts
index 136efe33..f57efe6d 100644
--- a/src/typings.ts
+++ b/src/typings.ts
@@ -212,6 +212,7 @@ export interface IReaderSettings {
     showPageNumber: boolean;
     loadNextOnEnding: boolean;
     skipDupChapters: boolean;
+    fitPageToWindow: boolean;
     readerType: ReaderType;
 }
 
diff --git a/src/util/readerSettings.ts b/src/util/readerSettings.ts
index ba9acacb..62f5991a 100644
--- a/src/util/readerSettings.ts
+++ b/src/util/readerSettings.ts
@@ -19,6 +19,7 @@ export const getDefaultSettings = (): IReaderSettings => ({
     showPageNumber: true,
     loadNextOnEnding: false,
     skipDupChapters: true,
+    fitPageToWindow: false,
     readerType: 'ContinuesVertical',
 });
 
@@ -71,6 +72,7 @@ export const checkAndHandleMissingStoredReaderSettings = async (
             showPageNumber: undefined,
             loadNextOnEnding: undefined,
             skipDupChapters: undefined,
+            fitPageToWindow: undefined,
             readerType: undefined,
         },
         false,