From 8b4b783580c3457ed6e703ddf80a6a6978d358bb Mon Sep 17 00:00:00 2001
From: Mickel Hoang m1 <mickel.hoang@bekk.no>
Date: Wed, 26 Jun 2024 12:24:19 +0200
Subject: [PATCH] fix. infotekst for vtao
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Magnus Rom <magnus.skalleberg.rom@nav.no>
Co-authored-by: Odd Andreas Sørsæther <oddsor@users.noreply.github.com>
---
 .../InfoRundtTilskuddsperioder.tsx            | 21 +++++++++++++++----
 .../VisningTilskuddsperioderTabell.tsx        |  1 +
 .../VisningTilskuddsperioderTabellVtao.tsx    |  1 +
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/InfoRundtTilskuddsperioder.tsx b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/InfoRundtTilskuddsperioder.tsx
index d0db3c686..0769a4712 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/InfoRundtTilskuddsperioder.tsx
+++ b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/InfoRundtTilskuddsperioder.tsx
@@ -12,6 +12,7 @@ interface Props {
     antallAktiveTilskuddsperioder: number;
     setVisAllePerioder: (value: React.SetStateAction<boolean>) => void;
     visAllePerioder: boolean;
+    tiltakstype: string;
 }
 
 const InfoRundtTilskuddsperioder: React.FC<Props> = ({
@@ -21,6 +22,7 @@ const InfoRundtTilskuddsperioder: React.FC<Props> = ({
     antallAktiveTilskuddsperioder,
     setVisAllePerioder,
     visAllePerioder,
+    tiltakstype,
 }: Props) => {
     if (!(gjeldendeInnholdStartdato && gjeldendeInnholdSluttdato)) return null;
 
@@ -28,10 +30,21 @@ const InfoRundtTilskuddsperioder: React.FC<Props> = ({
     return (
         <>
             <div className={cls.element('tabell-innslag')}>
-                Avtalen varer i {moment(gjeldendeInnholdSluttdato).diff(gjeldendeInnholdStartdato, 'years')} {'år.'}
-                <br />
-                Det tilsvarer en refusjon til arbeisgiver på ca {formatterPenger(6808 * 12)} i året og totalt{' '}
-                {formatterPenger(antallAktiveTilskuddsperioder * 6808)} kr for hele perioden .
+                {tiltakstype === 'VTAO' ? (
+                    <>
+                        Avtalen varer i {moment(gjeldendeInnholdSluttdato).diff(gjeldendeInnholdStartdato, 'years')}{' '}
+                        {'år.'}
+                        <br />
+                        Det tilsvarer en refusjon til arbeisgiver på ca {formatterPenger(6808 * 12)} i året og totalt{' '}
+                        {formatterPenger(antallAktiveTilskuddsperioder * 6808)} kr for hele perioden .
+                    </>
+                ) : (
+                    <>
+                        Avtalen varer fra {formatterDato(gjeldendeInnholdStartdato, NORSK_DATO_FORMAT)} til{' '}
+                        {formatterDato(gjeldendeInnholdSluttdato, NORSK_DATO_FORMAT)}. Det tilsvarer{' '}
+                        {antallAktiveTilskuddsperioder} tilskuddsperioder.
+                    </>
+                )}
             </div>
             {!visAllePerioder && (
                 <Button size="small" onClick={() => setVisAllePerioder(true)}>
diff --git a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx
index 0c8238495..fe74be825 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx
+++ b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabell.tsx
@@ -83,6 +83,7 @@ const VisningTilskuddsperioderTabell: React.FC<Properties> = ({ className }: Pro
                 antallAktiveTilskuddsperioder={antallAktiveTilskuddsperioder(avtale)}
                 setVisAllePerioder={setVisAllePerioder}
                 visAllePerioder={visAllePerioder}
+                tiltakstype={avtale.tiltakstype}
             />
         </div>
     );
diff --git a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabellVtao.tsx b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabellVtao.tsx
index e0ee02cf0..d2dde827f 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabellVtao.tsx
+++ b/src/AvtaleSide/steg/BeregningTilskudd/visningTilskuddsperioder/VisningTilskuddsperioderTabellVtao.tsx
@@ -95,6 +95,7 @@ const VisningTilskuddsperioderTabellVtao: React.FC<Properties> = ({ className }:
                 antallAktiveTilskuddsperioder={antallAktiveTilskuddsperioder(avtale)}
                 setVisAllePerioder={setVisAllePerioder}
                 visAllePerioder={visAllePerioder}
+                tiltakstype={avtale.tiltakstype}
             />
         </div>
     );