Merge pull request #18 from navikt/dev

Prodsetting

Author: AlexGaard

src/components/filters/filters.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { EnhetDropdown } from './enhet-dropdown/enhet-dropdown';
 import { StatusDropdown } from './status-dropwdown/status-dropdown';
 import { BrukerFilter } from './bruker-filter/bruker-filter';
 import './filters.less';
@@ -8,7 +7,7 @@ export const Filters = () => {
     return (
     	<div className="filters">
 		    <div className="filters__dropdowns">
-			    <EnhetDropdown />
+			    {/*<EnhetDropdown />*/}
 			    <BrukerFilter />
 			    <StatusDropdown />
 		    </div>

src/components/filters/status-dropwdown/status-dropdown.tsx

@@ -14,8 +14,7 @@ export function mapStatusTilDropdownOption(status: UtkastStatus): DropdownOption
 const statusOptions: DropdownOption[] = [
 	mapStatusTilDropdownOption(UtkastStatus.TRENGER_BESLUTTER),
 	mapStatusTilDropdownOption(UtkastStatus.KLAR_TIL_VEILEDER),
-	mapStatusTilDropdownOption(UtkastStatus.KLAR_TIL_BESLUTTER),
-	mapStatusTilDropdownOption(UtkastStatus.GODKJENT_AV_BESLUTTER),
+	mapStatusTilDropdownOption(UtkastStatus.KLAR_TIL_BESLUTTER)
 ];
 
 export const StatusDropdown = () => {

src/mock/data/brukere.ts

@@ -15,14 +15,21 @@ function randomFnr(): string {
 	return `${dag.toString().padStart(2, '0')}${mnd.toString().padStart(2, '0')}${ar.toString().padStart(2, '0')}${individsifre}${kontrollsifre}`;
 }
 
+// TODO: Kan byttes ut med vanlig UtkastStatus når godkjent status er fjernet
+enum UtkastStatusUtenGodkjent {
+	TRENGER_BESLUTTER = 'TRENGER_BESLUTTER',
+	KLAR_TIL_BESLUTTER = 'KLAR_TIL_BESLUTTER',
+	KLAR_TIL_VEILEDER = 'KLAR_TIL_VEILEDER'
+}
+
 export const lagBrukere = (antallBrukere: number): Bruker[] => {
 	const brukere: Bruker[] = [];
 
 	let maskerteBrukere = 4;
 
 	for (let i = 0; i < antallBrukere; i++) {
 		const randomEnhet = faker.random.arrayElement(enheter);
-		const randomStatus = faker.random.objectElement(UtkastStatus) as UtkastStatus;
+		const randomStatus = faker.random.objectElement(UtkastStatusUtenGodkjent) as UtkastStatus;
 		const beslutterNavn = randomStatus === UtkastStatus.TRENGER_BESLUTTER
 			? null
 			: faker.name.firstName() + ' ' + faker.name.lastName();

src/rest/data/bruker.ts

@@ -3,7 +3,7 @@ export enum UtkastStatus {
 	TRENGER_BESLUTTER = 'TRENGER_BESLUTTER',
 	KLAR_TIL_BESLUTTER = 'KLAR_TIL_BESLUTTER',
 	KLAR_TIL_VEILEDER = 'KLAR_TIL_VEILEDER',
-	GODKJENT_AV_BESLUTTER = 'GODKJENT_AV_BESLUTTER'
+	GODKJENT_AV_BESLUTTER = 'GODKJENT_AV_BESLUTTER' // Skal fjernes etterhvert
 }
 
 export interface BrukereMedAntall {

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,

src/utils/index.ts

@@ -48,7 +48,7 @@ export function mapBrukerStatusTilTekst(status: UtkastStatus): string {
 		case UtkastStatus.KLAR_TIL_VEILEDER:
 			return 'Venter på veileder';
 		case UtkastStatus.KLAR_TIL_BESLUTTER:
-			return 'Trenger tilbakemelding';
+			return 'Venter på beslutter';
 		case UtkastStatus.GODKJENT_AV_BESLUTTER:
 			return 'Klar til utsendelse';
 		default: