Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-18 21:04:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Memo-ise list hook functions (#1329)

Browse Source
This commit is contained in:
WithoutPants
2021-04-28 09:12:35 +10:00
committed by GitHub
parent 70b66d91a0
commit fe0c5615a6
1 changed files with 33 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
ui/v2.5/src/hooks/ListHook.tsx
View File

@@ -1,6 +1,12 @@
import _ from "lodash";
import queryString from "query-string";
import React, { useCallback, useRef, useState, useEffect } from "react";
import React, {
useCallback,
useRef,
useState,
useEffect,
useMemo,
} from "react";
import { ApolloError } from "@apollo/client";
import { useHistory, useLocation } from "react-router-dom";
import Mousetrap from "mousetrap";
@@ -525,26 +531,34 @@ const useList = <QueryResult extends IQueryResult, QueryData extends IDataItem>(
options.persistState,
]);
function updateQueryParams(listFilter: ListFilterModel) {
setFilter(listFilter);
const newLocation = { ...location };
newLocation.search = listFilter.makeQueryParameters();
history.replace(newLocation);
if (options.persistState) {
updateInterfaceConfig(listFilter, options.persistState);
}
}
const updateQueryParams = useCallback(
(listFilter: ListFilterModel) => {
setFilter(listFilter);
const newLocation = { ...location };
newLocation.search = listFilter.makeQueryParameters();
history.replace(newLocation);
if (options.persistState) {
updateInterfaceConfig(listFilter, options.persistState);
}
},
[setFilter, history, location, options.persistState, updateInterfaceConfig]
);
const onChangePage = (page: number) => {
const newFilter = _.cloneDeep(filter);
newFilter.currentPage = page;
updateQueryParams(newFilter);
window.scrollTo(0, 0);
};
const onChangePage = useCallback(
(page: number) => {
const newFilter = _.cloneDeep(filter);
newFilter.currentPage = page;
updateQueryParams(newFilter);
window.scrollTo(0, 0);
},
[filter, updateQueryParams]
);
const renderFilter = !options.filterHook
? filter
: options.filterHook(_.cloneDeep(filter));
const renderFilter = useMemo(() => {
return !options.filterHook
? filter
: options.filterHook(_.cloneDeep(filter));
}, [filter, options]);
const { contentTemplate, onSelectChange } = RenderList({
...options,