From c040b54955977f85adc7d30329516f62a4c70bbb Mon Sep 17 00:00:00 2001
From: Mattias Lundmark <lundmark.mattias@gmail.com>
Date: Mon, 30 Oct 2023 15:30:02 +0100
Subject: [PATCH] =?UTF-8?q?Viser=20n=C3=A5=20informasjon=20om=20varsel=20t?=
 =?UTF-8?q?il=20arbeidsgiver=20og=20lagt=20til=20mulighet=20for=20=C3=A5?=
 =?UTF-8?q?=20endre=20kontaktpersonen=20p=C3=A5=20avtaler=20som=20er=20ing?=
 =?UTF-8?q?=C3=A5tt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../VirksomhetsnummerEllerTelefon.tsx         | 16 ++++++++++++---
 .../KontaktpersonRefusjonOppsummering.tsx     |  1 +
 .../EndreKontaktInformasjon.tsx               | 20 +++++++++++++++++--
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Avtaleparter/VirksomhetsnummerEllerTelefon.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Avtaleparter/VirksomhetsnummerEllerTelefon.tsx
index 0d1a3c2f8..8ff3590db 100644
--- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Avtaleparter/VirksomhetsnummerEllerTelefon.tsx
+++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/Avtaleparter/VirksomhetsnummerEllerTelefon.tsx
@@ -22,19 +22,29 @@ export const VirksomhetsnummerEllerTelefon: FunctionComponent<Props> = (props) =
                         href={'tel:' + props.verdi}
                         aria-label={`Telefon ${hentTallMedDotterOgMellomrom()}`}
                     >
-                        {storForbokstav(props.felt)} : {props.verdi}
+                        {storForbokstav(props.felt)}: {props.verdi}
                     </Link>
                 </BodyShort>
             </>
         );
-    } else {
+    } else if (props.felt === 'virksomhetsnummer') {
+        return (
+            <>
+                <BodyShort size="small" key={props.key}>
+                    {storForbokstav(props.felt)}: {props.verdi}
+                </BodyShort>
+            </>
+        );
+    } else if (props.felt === 'ønskerVarslingOmRefusjon') {
         return (
             <>
                 <BodyShort size="small" key={props.key}>
-                    {storForbokstav(props.felt)} : {props.verdi}
+                    Arbeidsgiver ønsker også varsling: {props.verdi}
                 </BodyShort>
             </>
         );
+    } else {
+        return null;
     }
 };
 
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/KontaktpersonRefusjonOppsummering/KontaktpersonRefusjonOppsummering.tsx b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/KontaktpersonRefusjonOppsummering/KontaktpersonRefusjonOppsummering.tsx
index 36d1515f8..416746d7f 100644
--- a/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/KontaktpersonRefusjonOppsummering/KontaktpersonRefusjonOppsummering.tsx
+++ b/src/AvtaleSide/steg/GodkjenningSteg/Oppsummering/KontaktpersonRefusjonOppsummering/KontaktpersonRefusjonOppsummering.tsx
@@ -24,6 +24,7 @@ const KontaktpersonRefusjonOppsumering: FunctionComponent = () => {
                     ]}
                     tilleggFelter={[
                         { felt: 'telefon', verdi: gjeldendeInnhold.refusjonKontaktperson?.refusjonKontaktpersonTlf },
+                        { felt: 'ønskerVarslingOmRefusjon', verdi: gjeldendeInnhold.refusjonKontaktperson?.ønskerVarslingOmRefusjon ? 'Ja': 'Nei' }
                     ]}
                     overskrift={'Kontaktperson hos arbeidsgiver for refusjon'}
                     borderFarge="farge-graa"
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.tsx b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.tsx
index 0968fe78d..ff8bf5f72 100644
--- a/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.tsx
+++ b/src/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/endreKontaktInfo/EndreKontaktInformasjon.tsx
@@ -6,7 +6,7 @@ import { oppdatereKontaktInformasjon } from '@/services/rest-service';
 import { EndreKontaktInfo, TiltaksType } from '@/types/avtale';
 import BEMHelper from '@/utils/bem';
 import { Neutral } from '@navikt/ds-icons/cjs';
-import { Heading, Link } from '@navikt/ds-react';
+import { Checkbox, Heading, Link } from '@navikt/ds-react';
 import React, { FunctionComponent, useContext, useState } from 'react';
 import './EndreKontaktInformasjon.less';
 
@@ -49,6 +49,7 @@ const EndreKontaktInformasjon: FunctionComponent = () => {
             refusjonKontaktpersonFornavn: refusjonKontaktperson?.refusjonKontaktpersonFornavn,
             refusjonKontaktpersonEtternavn: refusjonKontaktperson?.refusjonKontaktpersonEtternavn,
             refusjonKontaktpersonTlf: refusjonKontaktperson?.refusjonKontaktpersonTlf,
+            ønskerVarslingOmRefusjon: refusjonKontaktperson?.ønskerVarslingOmRefusjon
         },
     });
 
@@ -62,12 +63,20 @@ const EndreKontaktInformasjon: FunctionComponent = () => {
         key: K,
         verdi: V[K]
     ) => {
-        await setKontaktInfo((prevState) => ({
+        setKontaktInfo((prevState) => ({
             ...prevState,
             [key]: verdi,
         }));
     };
 
+    const settØnskerVarsling = () => {
+        if(kontaktInfo.refusjonKontaktperson.ønskerVarslingOmRefusjon === true) {
+            setKontaktInfo((prevState) => ({...prevState, refusjonKontaktperson: {...prevState.refusjonKontaktperson, ønskerVarslingOmRefusjon: false}}));
+        } else {
+            setKontaktInfo((prevState) => ({...prevState, refusjonKontaktperson: {...prevState.refusjonKontaktperson, ønskerVarslingOmRefusjon: true}}));
+        }
+    }
+
     return (
         <>
             <Link
@@ -207,6 +216,13 @@ const EndreKontaktInformasjon: FunctionComponent = () => {
                                         })
                                     }
                                 />
+                                <Checkbox
+                                    checked={kontaktInfo.refusjonKontaktperson.ønskerVarslingOmRefusjon}
+                                    onChange={() => settØnskerVarsling()}
+                                >
+                                    Arbeidsgiver for avtalen ønsker også å motta varslinger om
+                                    refusjon
+                                </Checkbox>
                             </div>
                         </div>
                     )}