diff --git a/ui/v2.5/src/App.tsx b/ui/v2.5/src/App.tsx index c747e0331..7b860b88b 100755 --- a/ui/v2.5/src/App.tsx +++ b/ui/v2.5/src/App.tsx @@ -20,6 +20,7 @@ import Studios from "./components/Studios/Studios"; import { TagList } from "./components/Tags/TagList"; import { SceneFilenameParser } from "./components/SceneFilenameParser/SceneFilenameParser"; +// Set fontawesome/free-solid-svg as default fontawesome icons library.add(fas); export const App: React.FC = () => { @@ -29,31 +30,28 @@ export const App: React.FC = () => { const messages = flattenMessages((locales as any)[messageLanguage]); return ( -
- - - - -
- - - - {/* */} - - - - - - - - -
-
-
-
-
+ + + + +
+ + + + + + + + + + + +
+
+
+
); }; diff --git a/ui/v2.5/src/hooks/ListHook.tsx b/ui/v2.5/src/hooks/ListHook.tsx index 03adeeefe..df03209f4 100644 --- a/ui/v2.5/src/hooks/ListHook.tsx +++ b/ui/v2.5/src/hooks/ListHook.tsx @@ -16,7 +16,7 @@ import { FindStudiosQueryResult, FindPerformersQueryResult } from "src/core/generated-graphql"; -import { useInterfaceLocalForage } from "src/hooks/LocalForage"; +import { useInterfaceLocalForage, IInterfaceConfig } from "src/hooks/LocalForage"; import { LoadingIndicator } from "src/components/Shared"; import { ListFilter } from "src/components/List/ListFilter"; import { Pagination } from "src/components/List/Pagination"; @@ -134,14 +134,17 @@ const useList = ( setFilter(newFilter); if (forageInitialised.current) { - setInterfaceForage(d => { - const dataClone = _.cloneDeep(d); - dataClone!.queries[options.filterMode] = { - filter: location.search, - itemsPerPage: newFilter.itemsPerPage, - currentPage: newFilter.currentPage - }; - return dataClone; + setInterfaceForage(config => { + const data = { ...config } as IInterfaceConfig; + data.queries = { + ...config?.queries, + [options.filterMode]: { + filter: location.search, + itemsPerPage: newFilter.itemsPerPage, + currentPage: newFilter.currentPage + } + } + return data; }); } }, [location, options.filterMode, options.subComponent, setInterfaceForage]);