From 634a4b12f2a68963376bd6af7adcdb57d23e5840 Mon Sep 17 00:00:00 2001
From: gunnsteingarmo <141132903+gunnsteingarmo@users.noreply.github.com>
Date: Tue, 26 Sep 2023 09:49:18 +0200
Subject: [PATCH] =?UTF-8?q?=C3=98nsker=20=C3=A5=20vise=20infotekst=20under?=
 =?UTF-8?q?=20sp=C3=B8rsm=C3=A5l=20om=20unntak=20fra=20forutg=C3=A5ende=20?=
 =?UTF-8?q?medl=E2=80=A6=20(#2526)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ønsker å vise infotekst under spørsmål om unntak fra forutgående medlemskap, har derfor lagt til en alert av typen info med tekst.
Tatt ut infobboks til egen kompoent for å gjøre koden mer lesbar. Bruker regelId MEDLEMSKAP_UNNTAK for å gjøre en sjekk.
---
 .../Vurdering/Delvilk\303\245r.tsx"           | 53 +++++++++++++------
 1 file changed, 37 insertions(+), 16 deletions(-)

diff --git "a/src/frontend/Komponenter/Behandling/Vurdering/Delvilk\303\245r.tsx" "b/src/frontend/Komponenter/Behandling/Vurdering/Delvilk\303\245r.tsx"
index f9f67b2b2..947b6cdab 100644
--- "a/src/frontend/Komponenter/Behandling/Vurdering/Delvilk\303\245r.tsx"
+++ "b/src/frontend/Komponenter/Behandling/Vurdering/Delvilk\303\245r.tsx"
@@ -5,7 +5,7 @@ import { DelvilkårContainer } from './DelvilkårContainer';
 import { hjelpeTekstConfig } from './hjelpetekstconfig';
 import { delvilkårTypeTilTekst, svarTypeTilTekst, tekstSkalKursiveres } from './tekster';
 import { Vurdering } from '../Inngangsvilkår/vilkår';
-import { HelpText, Radio, RadioGroup } from '@navikt/ds-react';
+import { Alert, HelpText, Radio, RadioGroup } from '@navikt/ds-react';
 import styled from 'styled-components';
 
 interface Props {
@@ -20,26 +20,32 @@ const FontStyle = styled.div<{ italic: boolean }>`
 
 const Delvilkår: FC<Props> = ({ regel, vurdering, settVurdering }) => {
     const hjelpetekst = hjelpeTekstConfig[regel.regelId];
+
     return (
         <DelvilkårContainer>
             <RadioGroup legend={delvilkårTypeTilTekst[regel.regelId]} value={vurdering.svar || ''}>
-                {Object.keys(regel.svarMapping).map((svarId) => {
+                {Object.keys(regel.svarMapping).map((svarId, i) => {
                     const erTekstKursiv = tekstSkalKursiveres(svarId);
-
                     return (
-                        <Radio
-                            key={`${regel.regelId}_${svarId}`}
-                            name={`${regel.regelId}_${svarId}`}
-                            value={svarId}
-                            onChange={() =>
-                                settVurdering({
-                                    svar: svarId,
-                                    regelId: regel.regelId,
-                                })
-                            }
-                        >
-                            <FontStyle italic={erTekstKursiv}>{svarTypeTilTekst[svarId]}</FontStyle>
-                        </Radio>
+                        <>
+                            <InfoStripe indeks={i} regelId={regel.regelId} />
+
+                            <Radio
+                                key={`${regel.regelId}_${svarId}`}
+                                name={`${regel.regelId}_${svarId}`}
+                                value={svarId}
+                                onChange={() =>
+                                    settVurdering({
+                                        svar: svarId,
+                                        regelId: regel.regelId,
+                                    })
+                                }
+                            >
+                                <FontStyle italic={erTekstKursiv}>
+                                    {svarTypeTilTekst[svarId]}
+                                </FontStyle>
+                            </Radio>
+                        </>
                     );
                 })}
             </RadioGroup>
@@ -53,3 +59,18 @@ const Delvilkår: FC<Props> = ({ regel, vurdering, settVurdering }) => {
 };
 
 export default Delvilkår;
+
+const InfoStripe: FC<{ indeks: number; regelId: string }> = ({ indeks, regelId }) => {
+    const skalViseInfostripe = indeks === 0 && regelId === 'MEDLEMSKAP_UNNTAK';
+
+    if (!skalViseInfostripe) {
+        return <></>;
+    }
+
+    return (
+        <Alert size="small" variant="info">
+            Det er nye regler for unntak fra 1. september 2023. Du må vurdere om det er nye eller
+            gamle regler som gjelder for saken din.
+        </Alert>
+    );
+};