diff --git a/src/frontend/App/typer/vedtak.ts b/src/frontend/App/typer/vedtak.ts index 12718412f..0ce80bdcc 100644 --- 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/src/frontend/Komponenter/Behandling/VedtakOgBeregning/Barnetilsyn/InnvilgeVedtak/InnvilgeBarnetilsyn.tsx b/src/frontend/Komponenter/Behandling/VedtakOgBeregning/Barnetilsyn/InnvilgeVedtak/InnvilgeBarnetilsyn.tsx index d2101c41b..8361018c7 100644 --- a/src/frontend/Komponenter/Behandling/VedtakOgBeregning/Barnetilsyn/InnvilgeVedtak/InnvilgeBarnetilsyn.tsx +++ b/src/frontend/Komponenter/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} /> ; settValideringsFeil: Dispatch>>; - valideringsfeil?: FormErrors; + valideringsfeil: FormErrors; harKontantstøttePerioder?: boolean; + kontantstøtteBegrunnelse: FieldState; } export const tomKontantstøtteRad = (): IPeriodeMedBeløp => ({ @@ -75,6 +81,7 @@ const KontantstøtteValg: React.FC = ({ settValideringsFeil, valideringsfeil, harKontantstøttePerioder, + kontantstøtteBegrunnelse, }) => { const { settIkkePersistertKomponent } = useApp(); const { åpenHøyremeny } = useBehandling(); @@ -112,10 +119,11 @@ const KontantstøtteValg: React.FC = ({ 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 ( @@ -237,6 +245,19 @@ const KontantstøtteValg: React.FC = ({ )} )} + {(skalViseBegrunnelseLesevisning || !erLesevisning) && ( +