Gjenbruk inngangsvilkår v2

src/frontend/App/hooks/useVilkår.ts

@@ -1,5 +1,4 @@
 import {
-    byggHenterRessurs,
     byggTomRessurs,
     Ressurs,
     RessursFeilet,
@@ -15,7 +14,6 @@ import {
     SvarPåVilkårsvurdering,
     Vurderingsfeilmelding,
 } from '../../Komponenter/Behandling/Inngangsvilkår/vilkår';
-import { EToast } from '../typer/toast';
 
 const oppdaterInngangsvilkårMedVurdering = (
     vilkår: RessursSuksess<IVilkår>,
@@ -44,11 +42,11 @@ export interface UseVilkår {
     ikkeVurderVilkår: (
         nullstillVilkårsvurdering: OppdaterVilkårsvurdering
     ) => Promise<RessursSuksess<IVurdering> | RessursFeilet>;
-    gjenbrukInngangsvilkår: (behandlingId: string, kopierBehandlingId: string) => void;
+    gjenbrukEnkelVilkårsvurdering: (behandlingId: string, vilkårId: string) => void;
 }
 
 export const useVilkår = (): UseVilkår => {
-    const { axiosRequest, settToast } = useApp();
+    const { axiosRequest } = useApp();
 
     const [feilmeldinger, settFeilmeldinger] = useState<Vurderingsfeilmelding>({});
 
@@ -153,21 +151,27 @@ export const useVilkår = (): UseVilkår => {
             }),
         [axiosRequest]
     );
-    const gjenbrukInngangsvilkår = useCallback(
-        (behandlingId: string, kopierBehandlingId: string) => {
-            settVilkår(byggHenterRessurs());
-            axiosRequest<IVilkår, { behandlingId: string; kopierBehandlingId: string }>({
+
+    const gjenbrukEnkelVilkårsvurdering = useCallback(
+        (behandlingId: string, vilkårId: string) => {
+            axiosRequest<IVurdering, { behandlingId: string; vilkårId: string }>({
                 method: 'POST',
-                url: `/familie-ef-sak/api/vurdering/gjenbruk`,
-                data: { behandlingId: behandlingId, kopierBehandlingId: kopierBehandlingId },
-            }).then((respons: RessursSuksess<IVilkår> | RessursFeilet) => {
-                settVilkår(respons);
+                url: `/familie-ef-sak/api/vurdering/gjenbruk-enkelt-vilkår`,
+                data: { behandlingId: behandlingId, vilkårId: vilkårId },
+            }).then((respons: RessursSuksess<IVurdering> | RessursFeilet) => {
                 if (respons.status === RessursStatus.SUKSESS) {
-                    settToast(EToast.INNGANGSVILKÅR_GJENBRUKT);
+                    settVilkår((prevInngangsvilkår) =>
+                        oppdaterInngangsvilkårMedVurdering(
+                            prevInngangsvilkår as RessursSuksess<IVilkår>,
+                            respons.data
+                        )
+                    );
+                } else {
+                    leggTilFeilmelding(vilkårId, respons.frontendFeilmelding);
                 }
             });
         },
-        [axiosRequest, settToast]
+        [axiosRequest]
     );
 
     return {
@@ -178,6 +182,6 @@ export const useVilkår = (): UseVilkår => {
         nullstillVurdering,
         ikkeVurderVilkår,
         oppdaterGrunnlagsdataOgHentVilkår,
-        gjenbrukInngangsvilkår,
+        gjenbrukEnkelVilkårsvurdering,
     };
 };

src/frontend/Komponenter/Behandling/Aktivitet/AktivitetsvilkårHeader.tsx

@@ -4,7 +4,7 @@ import {
     EVilkårstyper,
     useEkspanderbareVilkårpanelContext,
 } from '../../../App/context/EkspanderbareVilkårpanelContext';
-import { ÅpneOgLukkePanelKnapper } from '../Inngangsvilkår/InngangsvilkårHeader/ÅpneOgLukkePanelKnapper';
+import { ÅpneOgLukkePanelKnapper } from '../Inngangsvilkår/ÅpneOgLukkePanelKnapper';
 
 const Container = styled.div`
     margin: 2rem;

src/frontend/Komponenter/Behandling/Inngangsvilkår/InngangsvilkårFane.tsx

@@ -9,12 +9,12 @@ import { Samliv } from './Samliv/Samliv';
 import { Sivilstand } from './Sivilstand/Sivilstand';
 import { useBehandling } from '../../../App/context/BehandlingContext';
 import { Behandlingsårsak } from '../../../App/typer/behandlingsårsak';
-import { formaterIsoDatoTidMedSekunder } from '../../../App/utils/formatter';
-import { InngangsvilkårHeader } from './InngangsvilkårHeader/InngangsvilkårHeader';
-import { useApp } from '../../../App/context/AppContext';
 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;
@@ -31,7 +31,6 @@ export const InngangsvilkårFane: FC<Props> = ({ behandling }) => {
         nullstillVurdering,
         ikkeVurderVilkår,
         oppdaterGrunnlagsdataOgHentVilkår,
-        gjenbrukInngangsvilkår,
     } = vilkårState;
 
     React.useEffect(() => {
@@ -63,7 +62,6 @@ export const InngangsvilkårFane: FC<Props> = ({ behandling }) => {
                                 behandlingErRedigerbar={behandlingErRedigerbar}
                                 oppdaterGrunnlagsdata={oppdaterGrunnlagsdataOgHentVilkår}
                                 behandlingId={behandling.id}
-                                gjenbrukInngangsvilkår={gjenbrukInngangsvilkår}
                             />
                         )}
                         <Medlemskap

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>
+    );
+};