♻️ Bruker useAtom-funksjon i stedet for useSetAtom og useAtomValue

Co-authored-by: Svein Elgstøen <[email protected]>

Author: trinelinderud

src/routes/saksbilde/sykepengegrunnlag/skjønnsfastsetting/atoms.ts

@@ -1,4 +1,4 @@
-import { atom, useAtom, useAtomValue, useSetAtom } from 'jotai/index';
+import { atom, useAtom } from 'jotai/index';
 import { atomFamily } from 'jotai/utils';
 
 import { Maybe } from '@io/graphql';
@@ -12,14 +12,6 @@ export const useAtomSkjemaForPersonOgSkjæringstidspunkt = (skjaeringstidspunkt:
         store: usePersonStore(),
     });
 
-export const useAtomValueSkjemaForPersonOgSkjæringstidspunkt = (skjaeringstidspunkt: string) =>
-    useAtomValue(skjemaFamily(skjaeringstidspunkt), {
-        store: usePersonStore(),
-    });
-
-export const useSetAtomSkjemaForPersonOgSkjæringstidspunkt = (skjaeringstidspunkt: string) =>
-    useSetAtom(skjemaFamily(skjaeringstidspunkt), { store: usePersonStore() });
-
 const editingFamily = atomFamily((_skjæringstidspunkt: string) => atom<boolean>(false));
 
 export const useAtomEditingForPersonOgSkjæringstidspunkt = (skjaeringstidspunkt: string) =>

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

@@ -16,10 +16,7 @@ import {
     Sykepengegrunnlagsgrense,
     Sykepengegrunnlagskjonnsfastsetting,
 } from '@io/graphql';
-import {
-    useAtomValueSkjemaForPersonOgSkjæringstidspunkt,
-    useSetAtomSkjemaForPersonOgSkjæringstidspunkt,
-} from '@saksbilde/sykepengegrunnlag/skjønnsfastsetting/atoms';
+import { useAtomSkjemaForPersonOgSkjæringstidspunkt } from '@saksbilde/sykepengegrunnlag/skjønnsfastsetting/atoms';
 import { SkjønnsfastsettingBegrunnelse } from '@saksbilde/sykepengegrunnlag/skjønnsfastsetting/form/SkjønnsfastsettingBegrunnelse';
 import { SkjønnsfastsettingType } from '@saksbilde/sykepengegrunnlag/skjønnsfastsetting/form/SkjønnsfastsettingType';
 import { SkjønnsfastsettingÅrsak } from '@saksbilde/sykepengegrunnlag/skjønnsfastsetting/form/SkjønnsfastsettingÅrsak';
@@ -57,11 +54,10 @@ export const useAktiveArbeidsgivere = (
         );
 
 function useFormDefaults(
-    period: BeregnetPeriodeFragment | GhostPeriodeFragment,
+    skjønnsfastsettelseFormState: Maybe<SkjønnsfastsettingFormFields>,
     aktiveArbeidsgivereInntekter: Arbeidsgiverinntekt[],
     forrigeSkjønnsfastsettelse: Sykepengegrunnlagskjonnsfastsetting | null,
 ): SkjønnsfastsettingFormFields {
-    const skjønnsfastsettelseFormState = useAtomValueSkjemaForPersonOgSkjæringstidspunkt(period.skjaeringstidspunkt);
     if (skjønnsfastsettelseFormState) {
         return skjønnsfastsettelseFormState;
     } else {
@@ -156,10 +152,18 @@ export const SkjønnsfastsettingForm = ({
     const { isLoading, error, postSkjønnsfastsetting, timedOut, setTimedOut } =
         usePostSkjønnsfastsattSykepengegrunnlag(cancelEditing);
 
+    const [skjønnsfastsettelseFormState, setFormFields] = useAtomSkjemaForPersonOgSkjæringstidspunkt(
+        periode.skjaeringstidspunkt,
+    );
+
     const form = useForm<SkjønnsfastsettingFormFields>({
         shouldFocusError: false,
         mode: 'onBlur',
-        defaultValues: useFormDefaults(periode, aktiveArbeidsgivereInntekter, sisteSkjønnsfastsettelse),
+        defaultValues: useFormDefaults(
+            skjønnsfastsettelseFormState,
+            aktiveArbeidsgivereInntekter,
+            sisteSkjønnsfastsettelse,
+        ),
     });
 
     const { control, formState, setValue, getValues, handleSubmit, watch } = form;
@@ -177,7 +181,6 @@ export const SkjønnsfastsettingForm = ({
     const watchedFormFields = watch();
     const prevFormFields = useRef(watchedFormFields);
 
-    const setFormFields = useSetAtomSkjemaForPersonOgSkjæringstidspunkt(periode.skjaeringstidspunkt);
     useEffect(() => {
         if (JSON.stringify(prevFormFields.current) !== JSON.stringify(watchedFormFields)) {
             setFormFields(watchedFormFields);