✨ SkjønnsfastsettelseForm lagrer verdier lokalt for en person

Co-authored-by: Martin Solheim <[email protected]>

Author: trinelinderud

src/routes/oversikt/Oversikt.tsx

@@ -15,6 +15,7 @@ import { BehandlingsstatistikkView } from '@oversikt/behandlingsstatistikk/Behan
 import { FiltermenySkeleton } from '@oversikt/filtermeny/Filtermeny';
 import { BehandletIdagTable } from '@oversikt/table/BehandletIdagTable';
 import { OppgaverTable } from '@oversikt/table/oppgaverTable/OppgaverTable';
+import { useResetSkjønnsfastsettelseFormState } from '@state/forms/skjønnsfastsetting';
 import { useOppgaveFeed } from '@state/oppgaver';
 
 import { IngenOppgaver } from './IngenOppgaver';
@@ -48,6 +49,7 @@ export const Oversikt = (): ReactElement => {
     useKeyboardShortcuts();
     useFjernPersonFraApolloCache();
     useRefetchDriftsmeldinger();
+    useResetSkjønnsfastsettelseFormState();
 
     return (
         <main className={styles.Oversikt}>

src/routes/saksbilde/sykepengegrunnlag/skjønnsfastsetting/form/skjønnsfastsettingForm/SkjønnsfastsettingForm.tsx

@@ -23,6 +23,7 @@ import {
     Skjønnsfastsettingstype,
     usePostSkjønnsfastsattSykepengegrunnlag,
 } from '@saksbilde/sykepengegrunnlag/skjønnsfastsetting/skjønnsfastsetting';
+import { useSetSkjønnsfastsettelseFormState } from '@state/forms/skjønnsfastsetting';
 import { avrundetToDesimaler } from '@utils/tall';
 import { isBeregnetPeriode } from '@utils/typeguards';
 
@@ -68,6 +69,7 @@ export const SkjønnsfastsettingForm = ({
     );
     const erBeslutteroppgave = isBeregnetPeriode(periode) && (periode.totrinnsvurdering?.erBeslutteroppgave ?? false);
     const feiloppsummeringRef = useRef<HTMLDivElement>(null);
+    const setSkjønnsfastsettelseFormState = useSetSkjønnsfastsettelseFormState();
     const avrundetSammenligningsgrunnlag = avrundetToDesimaler(sammenligningsgrunnlag);
     const cancelEditing = () => {
         setEditing(false);
@@ -93,6 +95,17 @@ export const SkjønnsfastsettingForm = ({
         control: control,
     });
 
+    const watchedValues = watch(['årsak', 'begrunnelseFritekst', 'type']);
+
+    const prevValues = useRef(watchedValues);
+
+    useEffect(() => {
+        if (JSON.stringify(prevValues.current) !== JSON.stringify(watchedValues)) {
+            setSkjønnsfastsettelseFormState(watchedValues[0], watchedValues[1], watchedValues[2]);
+            prevValues.current = watchedValues;
+        }
+    }, [watchedValues, setSkjønnsfastsettelseFormState]);
+
     const valgtMal = maler.find((it) => it.arsak === valgtÅrsak);
 
     const harFeil = !formState.isValid && formState.isSubmitted;

src/routes/saksbilde/sykepengegrunnlag/skjønnsfastsetting/form/skjønnsfastsettingForm/useSkjønnsfastsettingDefaults.tsx

@@ -9,6 +9,7 @@ import {
 } from '@io/graphql';
 import { Skjønnsfastsettingstype } from '@saksbilde/sykepengegrunnlag/skjønnsfastsetting/skjønnsfastsetting';
 import { useCurrentArbeidsgiver } from '@state/arbeidsgiver';
+import { useSkjønnsfastsettelseFormState } from '@state/forms/skjønnsfastsetting';
 import { isSykepengegrunnlagskjønnsfastsetting } from '@utils/typeguards';
 
 import { SkjønnsfastsettingFormFields } from './SkjønnsfastsettingForm';
@@ -23,6 +24,7 @@ export const useSkjønnsfastsettingDefaults = (
     defaults: SkjønnsfastsettingFormFields;
 } => {
     const arbeidsgiver = useCurrentArbeidsgiver(person);
+    const skjønnsfastsettelseFormState = useSkjønnsfastsettelseFormState();
 
     if (!arbeidsgiver)
         return {
@@ -89,9 +91,10 @@ export const useSkjønnsfastsettingDefaults = (
         aktiveArbeidsgivere: aktiveArbeidsgivere,
         aktiveArbeidsgivereInntekter: aktiveArbeidsgivereInntekter,
         defaults: {
-            begrunnelseFritekst: forrigeSkjønnsfastsettelseFritekst,
-            type: forrigeType ?? '',
-            årsak: '',
+            begrunnelseFritekst:
+                skjønnsfastsettelseFormState?.begrunnelseFritekst ?? forrigeSkjønnsfastsettelseFritekst,
+            type: skjønnsfastsettelseFormState?.type ?? forrigeType ?? '',
+            årsak: skjønnsfastsettelseFormState?.årsak ?? '',
             arbeidsgivere: aktiveArbeidsgivereInntekter.map((inntekt) => ({
                 organisasjonsnummer: inntekt.arbeidsgiver,
                 årlig: 0,

src/state/forms/skjønnsfastsetting.ts

@@ -0,0 +1,35 @@
+import { useEffect } from 'react';
+import { atom, useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
+
+import { Maybe } from '@io/graphql';
+import { SkjønnsfastsettingFormFields } from '@saksbilde/sykepengegrunnlag/skjønnsfastsetting/form/skjønnsfastsettingForm/SkjønnsfastsettingForm';
+import { Skjønnsfastsettingstype } from '@saksbilde/sykepengegrunnlag/skjønnsfastsetting/skjønnsfastsetting';
+
+const skjønnsfastsettelseFormState = atom<Maybe<SkjønnsfastsettingFormFields>>({
+    key: 'skjønnsfastsettelseFormState',
+    default: null,
+});
+
+export const useSkjønnsfastsettelseFormState = () => useRecoilValue(skjønnsfastsettelseFormState);
+
+export const useSetSkjønnsfastsettelseFormState = () => {
+    const [state, setState] = useRecoilState(skjønnsfastsettelseFormState);
+    return (årsak: string, begrunnelseFritekst: string, type?: Skjønnsfastsettingstype) => {
+        const prevState = state ?? defaultState;
+        setState({ ...prevState, type: type, årsak: årsak, begrunnelseFritekst: begrunnelseFritekst });
+    };
+};
+
+export const useResetSkjønnsfastsettelseFormState = () => {
+    const setState = useSetRecoilState(skjønnsfastsettelseFormState);
+    useEffect(() => {
+        setState(null);
+    }, [setState]);
+};
+
+const defaultState: SkjønnsfastsettingFormFields = {
+    begrunnelseFritekst: '',
+    type: undefined,
+    årsak: '',
+    arbeidsgivere: [],
+};