Endre oppsett spørsmål kontantstøtte (#2982)

* Endret spørsmålstekst for kontantstøtte, lagt til boolean for sjekk om det skal være ny visning på tillegsstønader * Lagt til begrunnelse felt til kontantstøtte * Fjernet noen av endringene knyttet til tillegstønad, lagt til booleans for om beskrivelse feltet skal vises tilknyttet kontantstøtte * Fjernet siste endringer tilknyttet tillegstønad tar disse endringene i egen pr * Endret slik at begrunnelse felt vises og lagres uavhengig om det er valgt ja eller nei på kontantstøtte * Forbedret variabel navn for KontantstøtteeBegrunnelseState og endret slik at begrunnelse vises i lesemodus dersom den ikke har blitt fylt ut * Endret fra begrunnelse til begrunnelse (hvis aktuelt)
navikt · Feb 3, 2025 · d4427f9 · d4427f9
1 parent 014fd83
commit d4427f9
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 3 deletions.
diff --git a/src/frontend/App/typer/vedtak.ts b/src/frontend/App/typer/vedtak.ts
@@ -81,6 +81,7 @@ export type IInnvilgeVedtakForBarnetilsyn = {
     begrunnelse?: string;
     perioder: IUtgiftsperiode[];
     perioderKontantstøtte: IPeriodeMedBeløp[];
+    kontantstøtteBegrunnelse?: string;
     tilleggsstønad: ITilleggsstønad;
     _type?: IVedtakType.InnvilgelseBarnetilsyn | IVedtakType.InnvilgelseBarnetilsynUtenUtbetaling;
 };

diff --git a/...mponenter/Behandling/VedtakOgBeregning/Barnetilsyn/InnvilgeVedtak/InnvilgeBarnetilsyn.tsx b/...mponenter/Behandling/VedtakOgBeregning/Barnetilsyn/InnvilgeVedtak/InnvilgeBarnetilsyn.tsx
@@ -38,6 +38,7 @@ export type InnvilgeVedtakForm = {
     harKontantstøtte: ERadioValg;
     harTilleggsstønad: ERadioValg;
     tilleggsstønadBegrunnelse?: string;
+    kontantstøtteBegrunnelse?: string;
     skalStønadReduseres: ERadioValg;
     tilleggsstønadsperioder?: IPeriodeMedBeløp[];
     begrunnelse?: string;
@@ -89,6 +90,7 @@ const initFormState = (vedtak: IInnvilgeVedtakForBarnetilsyn | undefined) => ({
     kontantstøtteperioder: initKontantstøtteperioder(vedtak),
     harTilleggsstønad: initHarTilleggsstønad(vedtak),
     tilleggsstønadBegrunnelse: vedtak?.tilleggsstønad.begrunnelse || '',
+    kontantstøtteBegrunnelse: vedtak?.kontantstøtteBegrunnelse || '',
     skalStønadReduseres: initSkalStønadReduseres(vedtak),
     tilleggsstønadsperioder: initTillegsstønadsperioder(vedtak),
     begrunnelse: vedtak?.begrunnelse || '',
@@ -150,6 +152,9 @@ export const InnvilgeBarnetilsyn: React.FC<{
     const tilleggsstønadBegrunnelseState = formState.getProps(
         'tilleggsstønadBegrunnelse'
     ) as FieldState;
+    const kontantstøtteBegrunnelseState = formState.getProps(
+        'kontantstøtteBegrunnelse'
+    ) as FieldState;
     const stønadsreduksjonState = formState.getProps('skalStønadReduseres') as FieldState;
     const tilleggsstønadsperiodeState = formState.getProps(
         'tilleggsstønadsperioder'
@@ -195,6 +200,7 @@ export const InnvilgeBarnetilsyn: React.FC<{
     }, [
         utgiftsperiodeState.value,
         kontantstøtteState.value,
+        kontantstøtteBegrunnelseState.value,
         tilleggsstønadState.value,
         tilleggsstønadBegrunnelseState.value,
         stønadsreduksjonState.value,
@@ -241,6 +247,7 @@ export const InnvilgeBarnetilsyn: React.FC<{
             perioder: form.utgiftsperioder,
             perioderKontantstøtte:
                 form.harKontantstøtte === ERadioValg.JA ? form.kontantstøtteperioder : [],
+            kontantstøtteBegrunnelse: form.kontantstøtteBegrunnelse,
             tilleggsstønad: {
                 harTilleggsstønad: form.harTilleggsstønad === ERadioValg.JA,
                 perioder:
@@ -325,6 +332,7 @@ export const InnvilgeBarnetilsyn: React.FC<{
                 settValideringsFeil={formState.setErrors}
                 valideringsfeil={formState.errors}
                 harKontantstøttePerioder={harKontantstøttePerioder}
+                kontantstøtteBegrunnelse={kontantstøtteBegrunnelseState}
             />
             <TilleggsstønadValg
                 erLesevisning={!behandlingErRedigerbar}

diff --git a/...Komponenter/Behandling/VedtakOgBeregning/Barnetilsyn/InnvilgeVedtak/KontantstøtteValg.tsx b/...Komponenter/Behandling/VedtakOgBeregning/Barnetilsyn/InnvilgeVedtak/KontantstøtteValg.tsx
@@ -23,6 +23,7 @@ import { useBehandling } from '../../../../../App/context/BehandlingContext';
 import { AGray50 } from '@navikt/ds-tokens/dist/tokens';
 import { KontantstøtteAlert } from './KontantstøtteAlert';
 import JaNeiRadioGruppe from '../../Felles/JaNeiRadioGruppe';
+import { EnsligTextArea } from '../../../../../Felles/Input/TekstInput/EnsligTextArea';
 
 const Container = styled.div`
     padding: 1rem;
@@ -52,13 +53,18 @@ const Input = styled(InputMedTusenSkille)`
     text-align: right;
 `;
 
+const TextArea = styled(EnsligTextArea)`
+    margin-top: 1rem;
+`;
+
 interface Props {
     erLesevisning: boolean;
     kontantstøtte: FieldState;
     kontantstøttePerioder: ListState<IPeriodeMedBeløp>;
     settValideringsFeil: Dispatch<SetStateAction<FormErrors<InnvilgeVedtakForm>>>;
-    valideringsfeil?: FormErrors<InnvilgeVedtakForm>;
+    valideringsfeil: FormErrors<InnvilgeVedtakForm>;
     harKontantstøttePerioder?: boolean;
+    kontantstøtteBegrunnelse: FieldState;
 }
 
 export const tomKontantstøtteRad = (): IPeriodeMedBeløp => ({
@@ -75,6 +81,7 @@ const KontantstøtteValg: React.FC<Props> = ({
     settValideringsFeil,
     valideringsfeil,
     harKontantstøttePerioder,
+    kontantstøtteBegrunnelse,
 }) => {
     const { settIkkePersistertKomponent } = useApp();
     const { åpenHøyremeny } = useBehandling();
@@ -112,10 +119,11 @@ const KontantstøtteValg: React.FC<Props> = ({
                 return EKontantstøttePeriodeProperty.årMånedTil;
         }
     };
-
     const visGrid = kontantstøttePerioder.value.length > 0;
     const radioGruppeTekst =
-        'Er det søkt om, utbetales det eller har det blitt utbetalt kontantstøtte til brukeren eller en brukeren bor med i perioden(e) det er søkt om?';
+        'Skal stønaden reduseres fordi brukeren, eller en brukeren bor med, har fått utbetalt kontantstøtte i perioden(e) det er søkt om?';
+    const skalViseBegrunnelseLesevisning = erLesevisning && kontantstøtteBegrunnelse.value !== null;
+
     return (
         <Container>
             <Heading spacing size="small" level="5">
@@ -237,6 +245,19 @@ const KontantstøtteValg: React.FC<Props> = ({
                     )}
                 </HorizontalScroll>
             )}
+            {(skalViseBegrunnelseLesevisning || !erLesevisning) && (
+                <TextArea
+                    readOnly={erLesevisning}
+                    feilmelding={valideringsfeil.kontantstøtteBegrunnelse}
+                    label="Begrunnelse (hvis aktuelt)"
+                    maxLength={0}
+                    onChange={(event) => {
+                        settIkkePersistertKomponent(VEDTAK_OG_BEREGNING);
+                        kontantstøtteBegrunnelse?.onChange(event);
+                    }}
+                    value={kontantstøtteBegrunnelse?.value}
+                />
+            )}
         </Container>
     );
 };