La til mellomlagring av søk

Author: AlexGaard

src/stores/sok-store.tsx

@@ -1,5 +1,5 @@
+import { useEffect, useMemo, useState } from 'react';
 import constate from 'constate';
-import { useMemo, useState } from 'react';
 import { Enhet } from '../rest/data/innlogget-veileder';
 import { UtkastStatus } from '../rest/data/bruker';
 import { OrNothing } from '../utils/types/ornothing';
@@ -13,22 +13,36 @@ export interface Filters {
 	visMineBrukere: boolean;
 }
 
+interface StoredSearch {
+	status: OrNothing<UtkastStatus>;
+	visMineBrukere: OrNothing<boolean>;
+	orderByField: OrNothing<OrderByField>;
+	orderByDirection: OrNothing<OrderByDirection>;
+	currentPage: OrNothing<number>;
+}
+
+const SOK_STORAGE_NAME = 'beslutteroversikt_sok';
+
+const storedSearchJson = window.sessionStorage.getItem(SOK_STORAGE_NAME);
+const storedSearch: StoredSearch = storedSearchJson ? JSON.parse(storedSearchJson) : {};
+
 export const [SokStoreProvider, useSokStore] = constate(() => {
+
 	// Paginering
 	const [totalPages, setTotalPages] = useState(1);
-	const [currentPage, setCurrentPage] = useState(1);
+	const [currentPage, setCurrentPage] = useState(storedSearch.currentPage || 1);
 	const [seeAll, setSeeAll] = useState(false);
 	const [pageSize, setPageSize] = useState(DEFAULT_PAGINATION_SIZE);
 
 	// Sortering
-	const [orderByField, setOrderByField] = useState<OrNothing<OrderByField>>();
-	const [orderByDirection, setOrderByDirection] = useState<OrNothing<OrderByDirection>>();
+	const [orderByField, setOrderByField] = useState<OrNothing<OrderByField>>(storedSearch.orderByField);
+	const [orderByDirection, setOrderByDirection] = useState<OrNothing<OrderByDirection>>(storedSearch.orderByDirection);
 
 	// Filtrering
 	const [fnrOrNameFilter, setFnrOrNameFilter] = useState<string>('');
 	const [enheterFilter, setEnheterFilter] = useState<Enhet[]>([]);
-	const [statusFilter, setStatusFilter] = useState<UtkastStatus>();
-	const [visMineBrukere, setVisMineBrukere] = useState<boolean>(false);
+	const [statusFilter, setStatusFilter] = useState<UtkastStatus | undefined>(storedSearch.status || undefined);
+	const [visMineBrukere, setVisMineBrukere] = useState<boolean>(storedSearch.visMineBrukere || false);
 
 	const filters: Filters = useMemo(() => {
 		return {
@@ -39,6 +53,17 @@ export const [SokStoreProvider, useSokStore] = constate(() => {
 		};
 	}, [fnrOrNameFilter, enheterFilter, statusFilter, visMineBrukere]);
 
+	useEffect(() => {
+		const updatedSearch: StoredSearch = {
+			...filters,
+			orderByDirection,
+			orderByField,
+			currentPage
+		};
+
+		window.sessionStorage.setItem(SOK_STORAGE_NAME, JSON.stringify(updatedSearch));
+	}, [filters, orderByDirection, orderByField, currentPage]);
+
 	return {
 		totalPages, setTotalPages,
 		currentPage, setCurrentPage,