ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplify selecting zustand store state

Browse Source
This commit is contained in:
schroda
2026-03-11 22:10:34 +01:00
parent 72af9d52d1
commit 1cccd1ea46
24 changed files with 154 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/features/reader/overlay/navigation/desktop/ReaderNavBarDesktop.tsx
View File

@@ -59,7 +59,7 @@ const BaseReaderNavBarDesktop = ({
setReaderNavBarWidth,
}: ReaderNavBarDesktopProps & Pick<NavbarContextType, 'setReaderNavBarWidth'>) => {
const { t } = useLingui();
const manga = useReaderStore((state) => state.manga);
const manga = useReaderStore('manga');
const {
chapters,
currentChapterId,
@@ -77,7 +77,7 @@ const BaseReaderNavBarDesktop = ({
previousChapter: state.previousChapter,
nextChapter: state.nextChapter,
}));
const isStaticNav = useReaderSettingsStore((state) => state.isStaticNav);
const isStaticNav = useReaderSettingsStore('isStaticNav');
const [navBarElement, setNavBarElement] = useState<HTMLDivElement | null>();
useResizeObserver(

2
src/features/reader/overlay/navigation/desktop/components/ReaderNavBarDesktopActions.tsx
View File

@@ -72,7 +72,7 @@ export const ReaderNavBarDesktopActions = memo(() => {
}));
const { t } = useLingui();
const pageLoadStates = useReaderPagesStore((state) => state.pageLoadStates);
const pageLoadStates = useReaderPagesStore('pageLoadStates');
const pageRetryKeyPrefix = useRef<number>(0);

5
src/features/reader/overlay/navigation/desktop/components/ReaderNavBarDesktopPageNavigation.tsx
View File

@@ -23,10 +23,7 @@ import { ReaderControls } from '@/features/reader/services/ReaderControls.ts';
const BaseReaderNavBarDesktopPageNavigation = () => {
const { t } = useLingui();
const getOptionForDirection = useGetOptionForDirection();
const { currentPageIndex, pages } = useReaderPagesStore((state) => ({
currentPageIndex: state.currentPageIndex,
pages: state.pages,
}));
const { currentPageIndex, pages } = useReaderPagesStore('currentPageIndex', 'pages');
const readingDirection = useReaderSettingsStore((state) => state.readingDirection.value);
const currentPage = useMemo(() => getPage(currentPageIndex, pages), [currentPageIndex, pages]);

16
src/features/reader/overlay/navigation/desktop/quick-settings/ReaderNavBarDesktopQuickSettings.tsx
View File

@@ -23,14 +23,14 @@ import { useReaderSettingsStore } from '@/features/reader/stores/ReaderStore.ts'
const BaseReaderNavBarDesktopQuickSettings = ({ openSettings }: Pick<ReaderNavBarDesktopProps, 'openSettings'>) => {
const { t } = useLingui();
const { readingMode, shouldOffsetDoubleSpreads, pageScaleMode, shouldStretchPage, readingDirection, autoScroll } =
useReaderSettingsStore((state) => ({
readingMode: state.readingMode,
shouldOffsetDoubleSpreads: state.shouldOffsetDoubleSpreads,
pageScaleMode: state.pageScaleMode,
shouldStretchPage: state.shouldStretchPage,
readingDirection: state.readingDirection,
autoScroll: state.autoScroll,
}));
useReaderSettingsStore(
'readingMode',
'shouldOffsetDoubleSpreads',
'pageScaleMode',
'shouldStretchPage',
'readingDirection',
'autoScroll',
);
return (
<Stack sx={{ gap: 1 }}>