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]);