diff --git a/apps/readest-app/src/app/reader/components/settings/ControlPanel.tsx b/apps/readest-app/src/app/reader/components/settings/ControlPanel.tsx index 981f8109..958270b2 100644 --- a/apps/readest-app/src/app/reader/components/settings/ControlPanel.tsx +++ b/apps/readest-app/src/app/reader/components/settings/ControlPanel.tsx @@ -7,6 +7,7 @@ import { useBookDataStore } from '@/store/bookDataStore'; import { getStyles } from '@/utils/style'; import { getMaxInlineSize } from '@/utils/config'; import { saveViewSettings } from '../../utils/viewSettingsHelper'; +import { RELOAD_BEFREE_SAVED_TIMEOUT_MS } from '@/services/constants'; import NumberInput from './NumberInput'; const ControlPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => { @@ -85,7 +86,7 @@ const ControlPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => { useEffect(() => { if (viewSettings.allowScript === allowScript) return; saveViewSettings(envConfig, bookKey, 'allowScript', allowScript, true, false); - setTimeout(() => window.location.reload(), 100); + setTimeout(() => window.location.reload(), RELOAD_BEFREE_SAVED_TIMEOUT_MS); // eslint-disable-next-line react-hooks/exhaustive-deps }, [allowScript]); diff --git a/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx b/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx index 91705984..bd4ff7cf 100644 --- a/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx +++ b/apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx @@ -11,7 +11,7 @@ import { isCJKEnv } from '@/utils/misc'; import { getStyles } from '@/utils/style'; import { getMaxInlineSize } from '@/utils/config'; import { getBookDirFromWritingMode, getBookLangCode } from '@/utils/book'; -import { MIGHT_BE_RTL_LANGS } from '@/services/constants'; +import { MIGHT_BE_RTL_LANGS, RELOAD_BEFREE_SAVED_TIMEOUT_MS } from '@/services/constants'; import { saveViewSettings } from '../../utils/viewSettingsHelper'; import NumberInput from './NumberInput'; @@ -234,7 +234,7 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => { (['horizontal-rl', 'vertical-rl'].includes(writingMode) || ['horizontal-rl', 'vertical-rl'].includes(prevWritingMode)) ) { - setTimeout(() => window.location.reload(), 100); + setTimeout(() => window.location.reload(), RELOAD_BEFREE_SAVED_TIMEOUT_MS); } // eslint-disable-next-line react-hooks/exhaustive-deps }, [writingMode]); diff --git a/apps/readest-app/src/services/constants.ts b/apps/readest-app/src/services/constants.ts index 31c9715e..4c9051cb 100644 --- a/apps/readest-app/src/services/constants.ts +++ b/apps/readest-app/src/services/constants.ts @@ -534,6 +534,8 @@ export const SYNC_NOTES_INTERVAL_SEC = 5; export const SYNC_BOOKS_INTERVAL_SEC = 5; export const CHECK_UPDATE_INTERVAL_SEC = 24 * 60 * 60; +export const RELOAD_BEFREE_SAVED_TIMEOUT_MS = 300; + export const MAX_ZOOM_LEVEL = 500; export const MIN_ZOOM_LEVEL = 50; export const ZOOM_STEP = 10;