Merge branch 'memoize-getFilters' of Arnei/opencast-admin-interface into r/17.x

Pull request #1330
Fixes #1242
  Memoize getFilters

Author: gregorydlogan

src/components/shared/TableFilterProfiles.tsx

@@ -18,6 +18,7 @@ import { availableHotkeys } from "../../configs/hotkeysConfig";
 import { AsyncThunk } from "@reduxjs/toolkit";
 import ButtonLikeAnchor from "./ButtonLikeAnchor";
 import { ParseKeys } from "i18next";
+import { Resource } from "../../slices/tableSlice";
 
 /**
  * This component renders the table filter profiles in the upper right corner when clicked on settings icon of the
@@ -34,7 +35,7 @@ const TableFiltersProfiles = ({
 	setFilterSettings: (_: boolean) => void,
 	loadResource: AsyncThunk<any, void, any>,
 	loadResourceIntoTable: () => AppThunk,
-	resource: string,
+	resource: Resource,
 }) => {
 	const dispatch = useAppDispatch();
 

src/selectors/tableFilterSelectors.ts

@@ -1,4 +1,6 @@
+import { createSelector } from "reselect";
 import { RootState } from "../store";
+import { Resource } from "../slices/tableSlice";
 
 /**
  * This file contains selectors regarding table filters
@@ -10,5 +12,9 @@ export const getTextFilter = (state: RootState) => state.tableFilters.textFilter
 export const getSelectedFilter = (state: RootState) => state.tableFilters.selectedFilter;
 export const getSecondFilter = (state: RootState) => state.tableFilters.secondFilter;
 export const getCurrentFilterResource = (state: RootState) => state.tableFilters.currentResource;
-export const getFilters = (state: RootState, resource: string) =>
-	state.tableFilters.data.filter(obj => obj.resource === resource);
+export const getFilters = createSelector(
+	[getAllFilters, (state, resource: Resource) => resource],
+	(filters, resource) => {
+		return filters.filter(obj => obj.resource === resource);
+	}
+);