Merge branch 'master' into historikk-i-tidligere-vedtaksperioder

navikt · Sep 26, 2023 · 76b56ec · 76b56ec
2 parents bb457a3 + 634a4b1
commit 76b56ec
Showing 1 changed file with 37 additions and 16 deletions.
diff --git a/src/frontend/Komponenter/Behandling/Vurdering/Delvilkår.tsx b/src/frontend/Komponenter/Behandling/Vurdering/Delvilkår.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>
+    );
+};