KAIZEN-0 Hent aktiv enhet for redirect til vedtaksstøtte

Author: AlexGaard

src/components/datafetcher.tsx

@@ -5,15 +5,20 @@ import { AlertStripeFeil } from 'nav-frontend-alertstriper';
 import Spinner from './felles/spinner/spinner';
 
 export function DataFetcher(props: { children: any }) {
-	const { innloggetVeilederFetcher } = useDataFetcherStore();
+	const { innloggetVeilederFetcher, aktivEnhetFetcher } = useDataFetcherStore();
 
 	useEffect(() => {
 		if (isNotStarted(innloggetVeilederFetcher)) {
 			innloggetVeilederFetcher.fetch(null);
 		}
+
+		if (isNotStarted(aktivEnhetFetcher)) {
+			aktivEnhetFetcher.fetch(null);
+		}
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [innloggetVeilederFetcher]);
 
+	// Trenger ikke å sjekke om aktivEnhetFetcher er ferdig
 	if (isAnyNotStartedOrPending([innloggetVeilederFetcher])) {
 		return <Spinner />;
 	} else if (hasAnyFailed([innloggetVeilederFetcher])) {

src/components/user-table/body/user-table-body.tsx

@@ -1,16 +1,18 @@
 import React from 'react';
 import { UserRow } from './user-table-row';
 import { Bruker } from '../../../rest/data/bruker';
+import { OrNothing } from '../../../utils/types/ornothing';
 import './user-table-body.less';
 
 interface UserTableBodyProps {
 	brukere: Bruker[];
+	aktivEnhet: OrNothing<string>;
 }
 
 export const UserTableBody = (props: UserTableBodyProps) => {
     return (
 	    <ul className="user-table-body">
-		    {props.brukere.map((bruker, idx) => <UserRow bruker={bruker} key={idx} />)}
+		    {props.brukere.map((bruker, idx) => <UserRow bruker={bruker} aktivEnhet={props.aktivEnhet} key={idx} />)}
 	    </ul>
     );
 };

src/components/user-table/body/user-table-row.tsx

@@ -7,16 +7,18 @@ import klarForUtsendelseIcon from './status/klar_for_utsendelse.svg';
 import trengerBeslutterIcon from './status/trenger_beslutter.svg';
 import trengerTilbakemeldingIcon from './status/trenger_tilbakemelding.svg';
 import venterPaResponsIcon from './status/venter_pa_respons.svg';
+import { OrNothing } from '../../../utils/types/ornothing';
 
-export const UserRow = (props: {bruker: Bruker}) => {
+export const UserRow = (props: {bruker: Bruker, aktivEnhet: OrNothing<string>}) => {
 	const {
 		brukerFnr, brukerFornavn, brukerEtternavn, statusEndret,
 		brukerOppfolgingsenhetNavn, vedtakStartet,
 		beslutterNavn, veilederNavn, status
 	} = props.bruker;
 
 	function handleOnUserRowClicked() {
-		window.location.href = `/veilarbpersonflatefs/${brukerFnr}#visVedtaksstotte`;
+		const enhetQueryParam = props.aktivEnhet ? `?enhet=${props.aktivEnhet}` : '';
+		window.location.href = `/veilarbpersonflatefs/${brukerFnr}${enhetQueryParam}#visVedtaksstotte`;
 	}
 
     return (

src/components/user-table/user-table.tsx

@@ -11,9 +11,10 @@ import Show from '../felles/show';
 import Spinner from '../felles/spinner/spinner';
 
 export const UserTable = () => {
-	const { brukereFetcher } = useDataFetcherStore();
+	const { brukereFetcher, aktivEnhetFetcher } = useDataFetcherStore();
 	const { orderByField, orderByDirection, setOrderByField, setOrderByDirection } = useSokStore();
 	const tableBrukere = brukereFetcher.data || [];
+	const aktivEnhet = aktivEnhetFetcher.data ? aktivEnhetFetcher.data.aktivEnhet : undefined;
 	const orderByData: OrderByData = {
 		field: orderByField,
 		direction: orderByDirection
@@ -38,7 +39,7 @@ export const UserTable = () => {
 						    Fant ingen brukere
 					    </AlertStripeInfo>
 			        )
-				    : <UserTableBody brukere={tableBrukere} />
+				    : <UserTableBody brukere={tableBrukere} aktivEnhet={aktivEnhet} />
 		    }
 	    </section>
     );

src/mock/data/aktiv-enhet.ts

@@ -0,0 +1,5 @@
+import { AktivEnhet } from '../../rest/data/aktiv-enhet';
+
+export const aktivEnhet: AktivEnhet = {
+	aktivEnhet: '1234'
+};

src/mock/index.ts

@@ -1,7 +1,8 @@
 import FetchMock, { HandlerArgument, MiddlewareUtils, ResponseData } from 'yet-another-fetch-mock';
 import { mockBeslutteroversiktSok } from './sok-mock';
-import { VEILARBVEILEDER_API } from '../rest/api';
+import { MODIACONTEXTHOLDER_API, VEILARBVEILEDER_API } from '../rest/api';
 import { innloggetVeileder } from './data/innlogget-veileder';
+import { aktivEnhet } from './data/aktiv-enhet';
 
 export interface Mock {
 	url: string;
@@ -14,4 +15,5 @@ const fetchMock = FetchMock.configure({
 });
 
 fetchMock.post(mockBeslutteroversiktSok.url, mockBeslutteroversiktSok.handler);
-fetchMock.get(`${VEILARBVEILEDER_API}/veileder/v2/me`, innloggetVeileder as any);
+fetchMock.get(`${VEILARBVEILEDER_API}/veileder/v2/me`, innloggetVeileder as any);
+fetchMock.get(`${MODIACONTEXTHOLDER_API}/context/aktivenhet`, aktivEnhet as any);

src/rest/api.ts

@@ -4,6 +4,7 @@ import { UtkastStatus } from './data/bruker';
 
 export const VEILARBVEDTAKSSTOTTE_API = '/veilarbvedtaksstotte/api';
 export const VEILARBVEILEDER_API = '/veilarbveileder/api';
+export const MODIACONTEXTHOLDER_API = '/modiacontextholder/api';
 
 export interface BeslutteroversiktSok {
 	fra: number;
@@ -45,4 +46,8 @@ export const lagHentBrukereFetchInfo = (params: { sok: BeslutteroversiktSok }):
 
 export const lagHentInnloggetVeilederFetchInfo = (): FetchInfo => ({
 	url: `${VEILARBVEILEDER_API}/veileder/v2/me`
-});
+});
+
+export const lagHentAktivEnhetFetchInfo = (): FetchInfo => ({
+	url: `${MODIACONTEXTHOLDER_API}/context/aktivenhet`
+});

src/rest/data/aktiv-enhet.ts

@@ -0,0 +1,3 @@
+export interface AktivEnhet {
+	aktivEnhet: string;
+}

src/stores/data-fetcher-store.ts

@@ -1,12 +1,20 @@
 import createUseContext from 'constate';
 import useFetch from '../rest/use-fetch';
-import { BeslutteroversiktSok, lagHentBrukereFetchInfo, lagHentInnloggetVeilederFetchInfo } from '../rest/api';
+import {
+	BeslutteroversiktSok,
+	lagHentAktivEnhetFetchInfo,
+	lagHentBrukereFetchInfo,
+	lagHentInnloggetVeilederFetchInfo
+} from '../rest/api';
 import { Bruker } from '../rest/data/bruker';
 import { InnloggetVeileder } from '../rest/data/innlogget-veileder';
+import { AktivEnhet } from '../rest/data/aktiv-enhet';
+import { OrNothing } from '../utils/types/ornothing';
 
 export const useDataFetcherStore = createUseContext(() => {
 	const brukereFetcher = useFetch<Bruker[], { sok: BeslutteroversiktSok }>(lagHentBrukereFetchInfo);
 	const innloggetVeilederFetcher = useFetch<InnloggetVeileder>(lagHentInnloggetVeilederFetchInfo);
+	const aktivEnhetFetcher = useFetch<OrNothing<AktivEnhet>>(lagHentAktivEnhetFetchInfo);
 
-	return { brukereFetcher, innloggetVeilederFetcher };
+	return { brukereFetcher, innloggetVeilederFetcher, aktivEnhetFetcher };
 });