Endret navn på variabler. Refakorer gjenbrukEnkelVilkårsvurdering, br…

…uker oppdaterInngangsvilkårMedVurdering og setter feilmelding. Må ha med InngangsvilkårHeader, skal fortsatt kunne oppdatere opplysninger og lukke/åpne alle vurderinger.
navikt · Nov 29, 2024 · 1182aa6 · 1182aa6
1 parent 9cb3bbe
commit 1182aa6
Show file tree

Hide file tree

Showing 6 changed files with 94 additions and 27 deletions.
diff --git a/src/frontend/App/hooks/useVilkår.ts b/src/frontend/App/hooks/useVilkår.ts
@@ -159,24 +159,16 @@ export const useVilkår = (): UseVilkår => {
                 url: `/familie-ef-sak/api/vurdering/gjenbruk-enkelt-vilkår`,
                 data: { behandlingId: behandlingId, vilkårId: vilkårId },
             }).then((respons: RessursSuksess<IVurdering> | RessursFeilet) => {
-                settVilkår((prevVilkår) => {
-                    if (
-                        prevVilkår.status === RessursStatus.SUKSESS &&
-                        respons.status === RessursStatus.SUKSESS
-                    ) {
-                        return {
-                            ...prevVilkår,
-                            status: RessursStatus.SUKSESS,
-                            data: {
-                                ...prevVilkår.data,
-                                vurderinger: prevVilkår.data.vurderinger.map((vurdering) =>
-                                    vurdering.id === respons.data.id ? respons.data : vurdering
-                                ),
-                            },
-                        };
-                    }
-                    return prevVilkår;
-                });
+                if (respons.status === RessursStatus.SUKSESS) {
+                    settVilkår((prevInngangsvilkår) =>
+                        oppdaterInngangsvilkårMedVurdering(
+                            prevInngangsvilkår as RessursSuksess<IVilkår>,
+                            respons.data
+                        )
+                    );
+                } else {
+                    leggTilFeilmelding(vilkårId, respons.frontendFeilmelding);
+                }
             });
         },
         [axiosRequest]

diff --git a/src/frontend/Komponenter/Behandling/Inngangsvilkår/InngangsvilkårFane.tsx b/src/frontend/Komponenter/Behandling/Inngangsvilkår/InngangsvilkårFane.tsx
@@ -12,20 +12,25 @@ import { Behandlingsårsak } from '../../../App/typer/behandlingsårsak';
 import { FyllUtVilkårKnapp } from './FyllUtVilkårKnapp';
 import VilkårIkkeOpprettetAlert from '../Vurdering/VilkårIkkeOpprettet';
 import { Behandling } from '../../../App/typer/fagsak';
+import { useApp } from '../../../App/context/AppContext';
+import { InngangsvilkårHeader } from './InngangsvilkårHeader';
+import { formaterIsoDatoTidMedSekunder } from '../../../App/utils/formatter';
 
 interface Props {
     behandling: Behandling;
 }
 
 export const InngangsvilkårFane: FC<Props> = ({ behandling }) => {
     const { behandlingErRedigerbar, vilkårState } = useBehandling();
+    const { erSaksbehandler } = useApp();
     const {
         vilkår,
         hentVilkår,
         lagreVurdering,
         feilmeldinger,
         nullstillVurdering,
         ikkeVurderVilkår,
+        oppdaterGrunnlagsdataOgHentVilkår,
     } = vilkårState;
 
     React.useEffect(() => {
@@ -38,6 +43,9 @@ export const InngangsvilkårFane: FC<Props> = ({ behandling }) => {
                 const årsak = behandling.behandlingsårsak;
                 const skalViseSøknadsdata =
                     årsak === Behandlingsårsak.SØKNAD || årsak === Behandlingsårsak.PAPIRSØKNAD;
+                const grunnlagsdataInnhentetDato = formaterIsoDatoTidMedSekunder(
+                    vilkår.grunnlag.registeropplysningerOpprettetTid
+                );
 
                 return vilkår.vurderinger.length === 0 ? (
                     <VilkårIkkeOpprettetAlert />
@@ -48,6 +56,14 @@ export const InngangsvilkårFane: FC<Props> = ({ behandling }) => {
                             hentVilkår={hentVilkår}
                             behandlingErRedigerbar={behandlingErRedigerbar}
                         />
+                        {erSaksbehandler && (
+                            <InngangsvilkårHeader
+                                oppdatertDato={grunnlagsdataInnhentetDato}
+                                behandlingErRedigerbar={behandlingErRedigerbar}
+                                oppdaterGrunnlagsdata={oppdaterGrunnlagsdataOgHentVilkår}
+                                behandlingId={behandling.id}
+                            />
+                        )}
                         <Medlemskap
                             nullstillVurdering={nullstillVurdering}
                             feilmeldinger={feilmeldinger}

diff --git a/src/frontend/Komponenter/Behandling/Inngangsvilkår/InngangsvilkårHeader.tsx b/src/frontend/Komponenter/Behandling/Inngangsvilkår/InngangsvilkårHeader.tsx
@@ -0,0 +1,59 @@
+import React from 'react';
+import styled from 'styled-components';
+import { OppdaterOpplysninger } from './OppdaterOpplysninger';
+import { ÅpneOgLukkePanelKnapper } from './ÅpneOgLukkePanelKnapper';
+import {
+    EVilkårstyper,
+    useEkspanderbareVilkårpanelContext,
+} from '../../../App/context/EkspanderbareVilkårpanelContext';
+
+const FlexRow = styled.div`
+    margin: 2rem;
+    display: flex;
+    justify-content: space-between;
+`;
+
+const FlexColumn = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+`;
+
+const AlignBottom = styled.div`
+    align-self: end;
+`;
+
+interface Props {
+    oppdatertDato: string;
+    behandlingErRedigerbar: boolean;
+    oppdaterGrunnlagsdata: (behandlingId: string) => Promise<void>;
+    behandlingId: string;
+}
+
+export const InngangsvilkårHeader: React.FC<Props> = ({
+    oppdatertDato,
+    behandlingErRedigerbar,
+    oppdaterGrunnlagsdata,
+    behandlingId,
+}) => {
+    const { lukkAlle, åpneAlle } = useEkspanderbareVilkårpanelContext();
+
+    return (
+        <FlexRow>
+            <FlexColumn>
+                <OppdaterOpplysninger
+                    oppdatertDato={oppdatertDato}
+                    behandlingErRedigerbar={behandlingErRedigerbar}
+                    oppdaterGrunnlagsdata={oppdaterGrunnlagsdata}
+                    behandlingId={behandlingId}
+                />
+            </FlexColumn>
+            <AlignBottom>
+                <ÅpneOgLukkePanelKnapper
+                    lukkAlle={() => lukkAlle(EVilkårstyper.INNGANGSVILKÅR)}
+                    åpneAlle={() => åpneAlle(EVilkårstyper.INNGANGSVILKÅR)}
+                />
+            </AlignBottom>
+        </FlexRow>
+    );
+};
diff --git a/src/frontend/Komponenter/Behandling/Vurdering/ModalGjenbrukVilkårsvurdering.tsx b/src/frontend/Komponenter/Behandling/Vurdering/ModalGjenbrukVilkårsvurdering.tsx
@@ -4,8 +4,8 @@ import React, { FC } from 'react';
 const ModalGjenbrukVilkårsvurdering: FC<{
     visModal: boolean;
     settVisModal: React.Dispatch<React.SetStateAction<boolean>>;
-    handleGjenbrukEnkelVilkårsvurdering: () => void;
-}> = ({ visModal, settVisModal, handleGjenbrukEnkelVilkårsvurdering }) => {
+    gjenbrukVilkårsvurdering: () => void;
+}> = ({ visModal, settVisModal, gjenbrukVilkårsvurdering }) => {
     if (!visModal) {
         return null;
     }
@@ -27,7 +27,7 @@ const ModalGjenbrukVilkårsvurdering: FC<{
                 <Button
                     type="button"
                     onClick={() => {
-                        handleGjenbrukEnkelVilkårsvurdering();
+                        gjenbrukVilkårsvurdering();
                         settVisModal(false);
                     }}
                 >

diff --git a/src/frontend/Komponenter/Behandling/Vurdering/VisEllerEndreVurdering.tsx b/src/frontend/Komponenter/Behandling/Vurdering/VisEllerEndreVurdering.tsx
@@ -114,7 +114,7 @@ const VisEllerEndreVurdering: FC<Props> = ({
         });
     };
 
-    const handleGjenbrukEnkelVilkårsvurdering = () => {
+    const gjenbrukVilkårsvurdering = () => {
         gjenbrukEnkelVilkårsvurdering(vurdering.behandlingId, vurdering.id);
     };
 
@@ -158,7 +158,7 @@ const VisEllerEndreVurdering: FC<Props> = ({
                     </Button>
                     {erInngangsvilkårType && (
                         <Button
-                            onClick={handleGjenbrukEnkelVilkårsvurdering}
+                            onClick={gjenbrukVilkårsvurdering}
                             variant={'tertiary'}
                             type={'button'}
                         >
@@ -186,7 +186,7 @@ const VisEllerEndreVurdering: FC<Props> = ({
                     feilmelding={feilmelding || resetFeilmelding}
                     behandlingErRedigerbar={behandlingErRedigerbar && erSaksbehandler}
                     tittelTekst={tittelTekstVisVurdering}
-                    handleGjenbrukEnkelVilkårsvurdering={handleGjenbrukEnkelVilkårsvurdering}
+                    gjenbrukVilkårsvurdering={gjenbrukVilkårsvurdering}
                 />
             );
     }

diff --git a/src/frontend/Komponenter/Behandling/Vurdering/VisVurdering.tsx b/src/frontend/Komponenter/Behandling/Vurdering/VisVurdering.tsx
@@ -64,7 +64,7 @@ interface Props {
     startRedigering: () => void;
     behandlingErRedigerbar: boolean;
     tittelTekst?: string;
-    handleGjenbrukEnkelVilkårsvurdering: () => void;
+    gjenbrukVilkårsvurdering: () => void;
 }
 
 const VisVurdering: FC<Props> = ({
@@ -74,7 +74,7 @@ const VisVurdering: FC<Props> = ({
     feilmelding,
     behandlingErRedigerbar,
     tittelTekst,
-    handleGjenbrukEnkelVilkårsvurdering,
+    gjenbrukVilkårsvurdering,
 }) => {
     const [visModal, settVisModal] = React.useState<boolean>(false);
     const vilkårsresultat = vurdering.resultat;
@@ -156,7 +156,7 @@ const VisVurdering: FC<Props> = ({
             <ModalGjenbrukVilkårsvurdering
                 visModal={visModal}
                 settVisModal={settVisModal}
-                handleGjenbrukEnkelVilkårsvurdering={handleGjenbrukEnkelVilkårsvurdering}
+                gjenbrukVilkårsvurdering={gjenbrukVilkårsvurdering}
             />
 
             <VertikalStrek />