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

Memoize metadata hook data

Browse Source
This commit is contained in:
schroda
2024-10-25 16:14:17 +02:00
parent 050fbc794c
commit b22cec12b4
2 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/modules/reader/services/ReaderSettingsMetadata.ts
View File

@@ -6,6 +6,7 @@
* file, You can obtain one at https://mozilla.org/MPL/2.0/. * file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/ */
import { useMemo } from 'react';
import { requestManager } from '@/lib/requests/RequestManager.ts'; import { requestManager } from '@/lib/requests/RequestManager.ts';
import { import {
requestUpdateMangaMetadata, requestUpdateMangaMetadata,
@@ -45,10 +46,18 @@ export const useDefaultReaderSettings = (): {
} => { } => {
const request = requestManager.useGetGlobalMeta({ notifyOnNetworkStatusChange: true }); const request = requestManager.useGetGlobalMeta({ notifyOnNetworkStatusChange: true });
const { data, loading } = request; const { data, loading } = request;
const metadata = convertFromGqlMeta(data?.metas.nodes); const metadata = useMemo(() => convertFromGqlMeta(data?.metas.nodes), [data?.metas.nodes]);
const settings = getReaderSettingsWithDefaultValueFallback<IReaderSettings>(metadata); const settings = useMemo(() => getReaderSettingsWithDefaultValueFallback<IReaderSettings>(metadata), [metadata]);
return { metadata, settings, loading, request }; return useMemo(
() => ({
metadata,
settings,
loading,
request,
}),
[metadata, settings, loading, request],
);
}; };
/** /**

7
src/modules/settings/services/ServerSettingsMetadata.ts
View File

@@ -6,6 +6,7 @@
* file, You can obtain one at https://mozilla.org/MPL/2.0/. * file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/ */
import { useMemo } from 'react';
import { requestManager } from '@/lib/requests/RequestManager.ts'; import { requestManager } from '@/lib/requests/RequestManager.ts';
import { requestUpdateServerMetadata } from '@/modules/metadata/services/MetadataUpdater.ts'; import { requestUpdateServerMetadata } from '@/modules/metadata/services/MetadataUpdater.ts';
import { jsonSaveParse } from '@/lib/HelperFunctions.ts'; import { jsonSaveParse } from '@/lib/HelperFunctions.ts';
@@ -60,10 +61,10 @@ export const useMetadataServerSettings = (): {
} => { } => {
const request = requestManager.useGetGlobalMeta({ notifyOnNetworkStatusChange: true }); const request = requestManager.useGetGlobalMeta({ notifyOnNetworkStatusChange: true });
const { data, loading } = request; const { data, loading } = request;
const metadata = convertFromGqlMeta(data?.metas.nodes); const metadata = useMemo(() => convertFromGqlMeta(data?.metas.nodes), [data?.metas.nodes]);
const settings = getMetadataServerSettingsWithDefaultFallback(metadata); const settings = useMemo(() => getMetadataServerSettingsWithDefaultFallback(metadata), [metadata]);
return { metadata, settings, loading, request }; return useMemo(() => ({ metadata, settings, loading, request }), [metadata, settings, loading, request]);
}; };
export const getMetadataServerSettings = async (): Promise<MetadataServerSettings> => { export const getMetadataServerSettings = async (): Promise<MetadataServerSettings> => {