Access reader store setters directly without hook

src/features/reader/settings/components/ReaderSettingsTabs.tsx

@@ -23,7 +23,6 @@ import { ReaderBehaviourSettings } from '@/features/reader/settings/behaviour/Re
 import { ReaderDefaultLayoutSettings } from '@/features/reader/settings/layout/ReaderDefaultLayoutSettings.tsx';
 import { ReaderHotkeysSettings } from '@/features/reader/hotkeys/settings/ReaderHotkeysSettings.tsx';
 import { withPropsFrom } from '@/base/hoc/withPropsFrom.tsx';
-import { useReaderTapZoneStore } from '@/features/reader/stores/ReaderStore.ts';
 
 const BaseReaderSettingsTabs = ({
     activeTab,
@@ -45,7 +44,6 @@ const BaseReaderSettingsTabs = ({
 }) => {
     const { t } = useLingui();
     const isTouchDevice = MediaQuery.useIsTouchDevice();
-    const setShowPreview = useReaderTapZoneStore((state) => state.tapZone.setShowPreview);
 
     return (
         <>
@@ -99,7 +97,6 @@ const BaseReaderSettingsTabs = ({
                                     <ReaderLayoutSettings
                                         settings={settings}
                                         updateSetting={(...args) => updateSetting(...args)}
-                                        setShowPreview={setShowPreview!}
                                         isDefaultable={!areDefaultSettings}
                                         onDefault={(...args) => deleteSetting?.(...args)}
                                         isSeriesMode

src/features/reader/settings/layout/ReaderLayoutSettings.tsx

@@ -20,11 +20,10 @@ import { ReaderSettingsTypeProps } from '@/features/reader/Reader.types.ts';
 import { ReaderSettingPageGap } from '@/features/reader/settings/layout/components/ReaderSettingPageGap.tsx';
 import { ReaderSettingWidth } from '@/features/reader/settings/layout/components/ReaderSettingWidth.tsx';
 import { DefaultSettingFootnote } from '@/features/reader/settings/components/DefaultSettingFootnote.tsx';
-import { TReaderTapZoneContext } from '@/features/reader/tap-zones/TapZoneLayout.types.ts';
+import { getReaderTapZoneStore } from '@/features/reader/stores/ReaderStore.ts';
 import { ReaderDefaultLayoutSettings } from '@/features/reader/settings/layout/ReaderDefaultLayoutSettings.tsx';
 
 export const ReaderLayoutSettings = ({
-    setShowPreview,
     settings,
     updateSetting,
     isDefaultable,
@@ -32,7 +31,6 @@ export const ReaderLayoutSettings = ({
     isSeriesMode,
     setTransparent,
 }: ReaderSettingsTypeProps & {
-    setShowPreview: TReaderTapZoneContext['setShowPreview'];
     isSeriesMode?: boolean;
 }) => {
     const { t } = useLingui();
@@ -67,24 +65,24 @@ export const ReaderLayoutSettings = ({
             <ReaderSettingTapZoneLayout
                 tapZoneLayout={settings.tapZoneLayout}
                 setTapZoneLayout={(value) => {
-                    setShowPreview(true);
+                    getReaderTapZoneStore().setShowPreview(true);
                     updateSetting('tapZoneLayout', value);
                 }}
                 isDefaultable={isDefaultable}
                 onDefault={() => {
-                    setShowPreview(true);
+                    getReaderTapZoneStore().setShowPreview(true);
                     onDefault?.('tapZoneLayout');
                 }}
             />
             <ReaderSettingTapZoneInvertMode
                 tapZoneInvertMode={settings.tapZoneInvertMode}
                 setTapZoneInvertMode={(value) => {
-                    setShowPreview(true);
+                    getReaderTapZoneStore().setShowPreview(true);
                     updateSetting('tapZoneInvertMode', value);
                 }}
                 isDefaultable={isDefaultable}
                 onDefault={() => {
-                    setShowPreview(true);
+                    getReaderTapZoneStore().setShowPreview(true);
                     onDefault?.('tapZoneInvertMode');
                 }}
             />

src/features/reader/settings/layout/components/ReaderSettingProfileSettings.tsx

@@ -49,7 +49,6 @@ export const ReaderSettingProfileSettings = ({
             <Stack sx={{ px: Number(!isSeriesMode) * 2 }}>
                 <ReaderLayoutSettings
                     {...props}
-                    setShowPreview={() => {}}
                     settings={adjustedSettings}
                     updateSetting={(setting, value, commit) => updateSetting(setting, value, commit, true, profile)}
                 />