diff --git a/src/frontend/components/Felleskomponenter/Arbeidsperiode/ArbeidsperiodeModal.tsx b/src/frontend/components/Felleskomponenter/Arbeidsperiode/ArbeidsperiodeModal.tsx index 3b75ca183..ce149faa0 100644 --- a/src/frontend/components/Felleskomponenter/Arbeidsperiode/ArbeidsperiodeModal.tsx +++ b/src/frontend/components/Felleskomponenter/Arbeidsperiode/ArbeidsperiodeModal.tsx @@ -2,8 +2,10 @@ import React from 'react'; import { ESvar } from '@navikt/familie-form-elements'; +import { useApp } from '../../../context/AppContext'; import { IArbeidsperiode } from '../../../typer/perioder'; import { PersonType } from '../../../typer/personType'; +import { IArbeidsperiodeTekstinnhold } from '../../../typer/sanity/modaler/arbeidsperiode'; import { dagensDato, gårsdagensDato } from '../../../utils/dato'; import { trimWhiteSpace, visFeiloppsummering } from '../../../utils/hjelpefunksjoner'; import { minTilDatoForUtbetalingEllerArbeidsperiode } from '../../../utils/perioder'; @@ -11,6 +13,7 @@ import { svarForSpørsmålMedUkjent } from '../../../utils/spørsmål'; import Datovelger from '../Datovelger/Datovelger'; import { LandDropdown } from '../Dropdowns/LandDropdown'; import JaNeiSpm from '../JaNeiSpm/JaNeiSpm'; +import TekstBlock from '../Sanity/TekstBlock'; import { SkjemaCheckbox } from '../SkjemaCheckbox/SkjemaCheckbox'; import { SkjemaFeiloppsummering } from '../SkjemaFeiloppsummering/SkjemaFeiloppsummering'; import { SkjemaFeltInput } from '../SkjemaFeltInput/SkjemaFeltInput'; @@ -38,9 +41,13 @@ export const ArbeidsperiodeModal: React.FC = ({ erDød = false, forklaring = undefined, }) => { + const { tekster } = useApp(); const { skjema, valideringErOk, nullstillSkjema, validerFelterOgVisFeilmelding } = useArbeidsperiodeSkjema(gjelderUtlandet, personType, erDød); + const teksterForModal: IArbeidsperiodeTekstinnhold = + tekster().FELLES.modaler.arbeidsperiode[personType]; + const { arbeidsperiodeAvsluttet, arbeidsperiodeLand, @@ -85,10 +92,6 @@ export const ArbeidsperiodeModal: React.FC = ({ nullstillSkjema(); }; - const modalTittel = gjelderUtlandet - ? 'felles.flerearbeidsperioderutland.tittel' - : 'felles.flerearbeidsperiodernorge.tittel'; - const periodenErAvsluttet = arbeidsperiodeAvsluttet.verdi === ESvar.JA || (personType === PersonType.AndreForelder && erDød); @@ -98,10 +101,11 @@ export const ArbeidsperiodeModal: React.FC = ({ return ( } lukkModal={lukkModal} valideringErOk={valideringErOk} onAvbrytCallback={nullstillSkjema} diff --git a/src/frontend/components/Felleskomponenter/Barnetrygdperiode/BarnetrygdperiodeModal.tsx b/src/frontend/components/Felleskomponenter/Barnetrygdperiode/BarnetrygdperiodeModal.tsx index ee18378fe..fd6dba94b 100644 --- a/src/frontend/components/Felleskomponenter/Barnetrygdperiode/BarnetrygdperiodeModal.tsx +++ b/src/frontend/components/Felleskomponenter/Barnetrygdperiode/BarnetrygdperiodeModal.tsx @@ -3,13 +3,16 @@ import React from 'react'; import { Alert } from '@navikt/ds-react'; import { ESvar } from '@navikt/familie-form-elements'; +import { useApp } from '../../../context/AppContext'; import { IEøsBarnetrygdsperiode } from '../../../typer/perioder'; import { PersonType } from '../../../typer/personType'; +import { IBarnetrygdsperiodeTekstinnhold } from '../../../typer/sanity/modaler/barnetrygdperiode'; import { dagenEtterDato, dagensDato, gårsdagensDato, stringTilDate } from '../../../utils/dato'; import { trimWhiteSpace, visFeiloppsummering } from '../../../utils/hjelpefunksjoner'; import Datovelger from '../Datovelger/Datovelger'; import { LandDropdown } from '../Dropdowns/LandDropdown'; import JaNeiSpm from '../JaNeiSpm/JaNeiSpm'; +import TekstBlock from '../Sanity/TekstBlock'; import { SkjemaFeiloppsummering } from '../SkjemaFeiloppsummering/SkjemaFeiloppsummering'; import { SkjemaFeltInput } from '../SkjemaFeltInput/SkjemaFeltInput'; import SkjemaModal from '../SkjemaModal/SkjemaModal'; @@ -38,9 +41,13 @@ export const BarnetrygdperiodeModal: React.FC = ({ erDød = false, forklaring = undefined, }) => { + const { tekster } = useApp(); const { skjema, valideringErOk, nullstillSkjema, validerFelterOgVisFeilmelding } = useBarnetrygdperiodeSkjema(personType, barn, erDød); + const teksterForModal: IBarnetrygdsperiodeTekstinnhold = + tekster().FELLES.modaler.barnetrygdsperiode[personType]; + const { mottarEøsBarnetrygdNå, barnetrygdsland, @@ -96,10 +103,10 @@ export const BarnetrygdperiodeModal: React.FC = ({ return ( } lukkModal={lukkModal} valideringErOk={valideringErOk} onAvbrytCallback={nullstillSkjema} diff --git a/src/frontend/components/Felleskomponenter/Pensjonsmodal/Pensjonsmodal.tsx b/src/frontend/components/Felleskomponenter/Pensjonsmodal/Pensjonsmodal.tsx index 5b76b36a6..148d61fd3 100644 --- a/src/frontend/components/Felleskomponenter/Pensjonsmodal/Pensjonsmodal.tsx +++ b/src/frontend/components/Felleskomponenter/Pensjonsmodal/Pensjonsmodal.tsx @@ -2,13 +2,16 @@ import React from 'react'; import { ESvar } from '@navikt/familie-form-elements'; +import { useApp } from '../../../context/AppContext'; import { IPensjonsperiode } from '../../../typer/perioder'; import { PersonType } from '../../../typer/personType'; +import { IPensjonsperiodeTekstinnhold } from '../../../typer/sanity/modaler/pensjonsperiode'; import { dagensDato, gårsdagensDato } from '../../../utils/dato'; import { visFeiloppsummering } from '../../../utils/hjelpefunksjoner'; import Datovelger from '../Datovelger/Datovelger'; import { LandDropdown } from '../Dropdowns/LandDropdown'; import JaNeiSpm from '../JaNeiSpm/JaNeiSpm'; +import TekstBlock from '../Sanity/TekstBlock'; import { SkjemaFeiloppsummering } from '../SkjemaFeiloppsummering/SkjemaFeiloppsummering'; import SkjemaModal from '../SkjemaModal/SkjemaModal'; import SpråkTekst from '../SpråkTekst/SpråkTekst'; @@ -35,6 +38,7 @@ export const PensjonModal: React.FC = ({ erDød, forklaring = undefined, }) => { + const { tekster } = useApp(); const { skjema, valideringErOk, nullstillSkjema, validerFelterOgVisFeilmelding } = usePensjonSkjema({ gjelderUtland, @@ -43,6 +47,9 @@ export const PensjonModal: React.FC = ({ erDød, }); + const teksterForModal: IPensjonsperiodeTekstinnhold = + tekster().FELLES.modaler.pensjonsperiode[personType]; + const { mottarPensjonNå, pensjonTilDato, pensjonFraDato, pensjonsland } = skjema.felter; const onLeggTil = () => { @@ -72,9 +79,6 @@ export const PensjonModal: React.FC = ({ lukkModal(); nullstillSkjema(); }; - const modalTittel = gjelderUtland - ? 'felles.leggtilpensjon.utland.modal.tittel' - : 'felles.leggtilpensjon.norge.modal.tittel'; const periodenErAvsluttet = mottarPensjonNå.verdi === ESvar.NEI || (personType === PersonType.AndreForelder && !!erDød); @@ -87,10 +91,10 @@ export const PensjonModal: React.FC = ({ return ( } lukkModal={lukkModal} valideringErOk={valideringErOk} onAvbrytCallback={nullstillSkjema} diff --git a/src/frontend/components/Felleskomponenter/SkjemaModal/SkjemaModal.tsx b/src/frontend/components/Felleskomponenter/SkjemaModal/SkjemaModal.tsx index 3d5ef55ea..46730ef8f 100644 --- a/src/frontend/components/Felleskomponenter/SkjemaModal/SkjemaModal.tsx +++ b/src/frontend/components/Felleskomponenter/SkjemaModal/SkjemaModal.tsx @@ -1,37 +1,38 @@ import React, { ReactNode } from 'react'; -import { useIntl } from 'react-intl'; - import { BodyShort, Button, Modal, VStack } from '@navikt/ds-react'; +import { useApp } from '../../../context/AppContext'; import { useFeatureToggles } from '../../../context/FeatureToggleContext'; +import { FlettefeltVerdier, LocaleRecordBlock } from '../../../typer/sanity/sanity'; import ModalContent from '../ModalContent'; -import SpråkTekst from '../SpråkTekst/SpråkTekst'; const SkjemaModal: React.FC<{ erÅpen: boolean; lukkModal: () => void; - modalTittelSpråkId: string; - forklaring?: string; submitSpinner?: boolean; valideringErOk: () => boolean; onAvbrytCallback?: () => void; - submitKnappSpråkId: string; onSubmitCallback: () => void; + tittel: LocaleRecordBlock; + forklaring?: ReactNode; + submitKnappTekst: ReactNode; + flettefelter?: FlettefeltVerdier; children?: ReactNode; }> = ({ erÅpen, lukkModal, - modalTittelSpråkId, - forklaring = undefined, submitSpinner = false, valideringErOk, onAvbrytCallback, - submitKnappSpråkId, onSubmitCallback, + tittel, + forklaring = undefined, + submitKnappTekst, + flettefelter, children, }) => { - const { formatMessage } = useIntl(); + const { plainTekst } = useApp(); const { toggles } = useFeatureToggles(); return ( @@ -44,7 +45,7 @@ const SkjemaModal: React.FC<{ width={'medium'} portal={true} header={{ - heading: formatMessage({ id: modalTittelSpråkId }), + heading: plainTekst(tittel, flettefelter), size: 'medium', }} > @@ -58,16 +59,16 @@ const SkjemaModal: React.FC<{ diff --git a/src/frontend/components/Felleskomponenter/UtbetalingerModal/UtbetalingerModal.tsx b/src/frontend/components/Felleskomponenter/UtbetalingerModal/UtbetalingerModal.tsx index e94d16a18..078f057dc 100644 --- a/src/frontend/components/Felleskomponenter/UtbetalingerModal/UtbetalingerModal.tsx +++ b/src/frontend/components/Felleskomponenter/UtbetalingerModal/UtbetalingerModal.tsx @@ -3,8 +3,10 @@ import React from 'react'; import { ESvar } from '@navikt/familie-form-elements'; import { Valideringsstatus } from '@navikt/familie-skjema'; +import { useApp } from '../../../context/AppContext'; import { IUtbetalingsperiode } from '../../../typer/perioder'; import { PersonType } from '../../../typer/personType'; +import { IAndreUtbetalingerTekstinnhold } from '../../../typer/sanity/modaler/andreUtbetalinger'; import { dagensDato, gårsdagensDato } from '../../../utils/dato'; import { visFeiloppsummering } from '../../../utils/hjelpefunksjoner'; import { minTilDatoForUtbetalingEllerArbeidsperiode } from '../../../utils/perioder'; @@ -12,6 +14,7 @@ import { svarForSpørsmålMedUkjent } from '../../../utils/spørsmål'; import Datovelger from '../Datovelger/Datovelger'; import { LandDropdown } from '../Dropdowns/LandDropdown'; import JaNeiSpm from '../JaNeiSpm/JaNeiSpm'; +import TekstBlock from '../Sanity/TekstBlock'; import { SkjemaCheckbox } from '../SkjemaCheckbox/SkjemaCheckbox'; import { SkjemaFeiloppsummering } from '../SkjemaFeiloppsummering/SkjemaFeiloppsummering'; import SkjemaModal from '../SkjemaModal/SkjemaModal'; @@ -37,9 +40,13 @@ export const UtbetalingerModal: React.FC = ({ erDød, forklaring = undefined, }) => { + const { tekster } = useApp(); const { skjema, valideringErOk, nullstillSkjema, validerFelterOgVisFeilmelding } = useUtbetalingerSkjema(personType, barn, erDød); + const teksterForModal: IAndreUtbetalingerTekstinnhold = + tekster().FELLES.modaler.andreUtbetalinger[personType]; + const andreForelderErDød: boolean = personType === PersonType.AndreForelder && !!erDød; const periodenErAvsluttet: boolean = skjema.felter.fårUtbetalingNå.verdi === ESvar.NEI || andreForelderErDød; @@ -87,10 +94,10 @@ export const UtbetalingerModal: React.FC = ({ return ( } lukkModal={lukkModal} valideringErOk={valideringErOk} onAvbrytCallback={nullstillSkjema} diff --git a/src/frontend/components/Felleskomponenter/UtenlandsoppholdModal/UtenlandsoppholdModal.tsx b/src/frontend/components/Felleskomponenter/UtenlandsoppholdModal/UtenlandsoppholdModal.tsx index 38ae8b84e..d8cd2ae6e 100644 --- a/src/frontend/components/Felleskomponenter/UtenlandsoppholdModal/UtenlandsoppholdModal.tsx +++ b/src/frontend/components/Felleskomponenter/UtenlandsoppholdModal/UtenlandsoppholdModal.tsx @@ -4,8 +4,10 @@ import { useIntl } from 'react-intl'; import { ESvar } from '@navikt/familie-form-elements'; +import { useApp } from '../../../context/AppContext'; import { IBarnMedISøknad } from '../../../typer/barn'; import { IUtenlandsperiode } from '../../../typer/perioder'; +import { ESanitySteg } from '../../../typer/sanity/sanity'; import { EUtenlandsoppholdÅrsak } from '../../../typer/utenlandsopphold'; import { visFeiloppsummering } from '../../../utils/hjelpefunksjoner'; import { svarForSpørsmålMedUkjent } from '../../../utils/spørsmål'; @@ -18,6 +20,7 @@ import { import Datovelger from '../Datovelger/Datovelger'; import { LandDropdown } from '../Dropdowns/LandDropdown'; import StyledDropdown from '../Dropdowns/StyledDropdown'; +import TekstBlock from '../Sanity/TekstBlock'; import { SkjemaCheckbox } from '../SkjemaCheckbox/SkjemaCheckbox'; import { SkjemaFeiloppsummering } from '../SkjemaFeiloppsummering/SkjemaFeiloppsummering'; import SkjemaModal from '../SkjemaModal/SkjemaModal'; @@ -48,14 +51,19 @@ export const UtenlandsoppholdModal: React.FC = ({ erÅpen, lukkModal, onLeggTilUtenlandsperiode, + personType, barn, forklaring = undefined, }) => { + const { tekster } = useApp(); const { skjema, valideringErOk, nullstillSkjema, validerFelterOgVisFeilmelding } = useUtenlandsoppholdSkjema({ + personType, barn, }); + const teksterForPersonType = tekster()[ESanitySteg.FELLES].modaler.utenlandsopphold[personType]; + const { formatMessage } = useIntl(); const onLeggTil = () => { @@ -95,10 +103,11 @@ export const UtenlandsoppholdModal: React.FC = ({ return ( } lukkModal={lukkModal} valideringErOk={valideringErOk} onAvbrytCallback={nullstillSkjema} diff --git a/src/frontend/components/Felleskomponenter/UtenlandsoppholdModal/useUtenlandsoppholdSkjema.tsx b/src/frontend/components/Felleskomponenter/UtenlandsoppholdModal/useUtenlandsoppholdSkjema.tsx index 1fe4cc1f2..77c361c39 100644 --- a/src/frontend/components/Felleskomponenter/UtenlandsoppholdModal/useUtenlandsoppholdSkjema.tsx +++ b/src/frontend/components/Felleskomponenter/UtenlandsoppholdModal/useUtenlandsoppholdSkjema.tsx @@ -7,6 +7,7 @@ import useDatovelgerFelt from '../../../hooks/useDatovelgerFelt'; import useDatovelgerFeltMedUkjent from '../../../hooks/useDatovelgerFeltMedUkjent'; import useLanddropdownFelt from '../../../hooks/useLanddropdownFelt'; import { IBarnMedISøknad } from '../../../typer/barn'; +import { PersonType } from '../../../typer/personType'; import { IUtenlandsoppholdFeltTyper } from '../../../typer/skjema'; import { EUtenlandsoppholdÅrsak } from '../../../typer/utenlandsopphold'; import { dagenEtterDato, stringTilDate } from '../../../utils/dato'; @@ -27,6 +28,7 @@ import { } from './utenlandsoppholdSpråkUtils'; export interface IUseUtenlandsoppholdSkjemaParams { + personType: PersonType; barn?: IBarnMedISøknad; } diff --git "a/src/frontend/components/S\303\270knadsSteg/DinLivssituasjon/LeggTilSamboerModal.test.tsx" "b/src/frontend/components/S\303\270knadsSteg/DinLivssituasjon/LeggTilSamboerModal.test.tsx" index 7c47cfc5c..8fc551b3f 100644 --- "a/src/frontend/components/S\303\270knadsSteg/DinLivssituasjon/LeggTilSamboerModal.test.tsx" +++ "b/src/frontend/components/S\303\270knadsSteg/DinLivssituasjon/LeggTilSamboerModal.test.tsx" @@ -49,7 +49,7 @@ describe('LeggTilSamboerModal', () => { it('Viser riktige feilmeldinger ved ingen utfylte felt av tidligere samboer', async () => { spyOnUseApp(søknad); - const { getByText, getAllByText, getByTestId, findByTestId } = render( + const { getByText, getByTestId, findByTestId } = render( @@ -66,8 +66,8 @@ describe('LeggTilSamboerModal', () => { const leggTilSamboerKnapp: HTMLElement = getByText('Legg til samboer'); act(() => leggTilSamboerKnapp.click()); - const leggTilSamboerKnappIModal = getAllByText('Legg til samboer'); - act(() => leggTilSamboerKnappIModal[2].click()); + const gåVidereKnapp = getByTestId('submit-knapp-i-modal'); + act(() => gåVidereKnapp.click()); const feiloppsummering = getByTestId('skjema-feiloppsummering'); expect(feiloppsummering).toBeInTheDocument(); diff --git "a/src/frontend/components/S\303\270knadsSteg/DinLivssituasjon/LeggTilSamboerModal.tsx" "b/src/frontend/components/S\303\270knadsSteg/DinLivssituasjon/LeggTilSamboerModal.tsx" index e77c1f036..846121bf2 100644 --- "a/src/frontend/components/S\303\270knadsSteg/DinLivssituasjon/LeggTilSamboerModal.tsx" +++ "b/src/frontend/components/S\303\270knadsSteg/DinLivssituasjon/LeggTilSamboerModal.tsx" @@ -1,8 +1,11 @@ import React from 'react'; +import { useApp } from '../../../context/AppContext'; import { ITidligereSamboer } from '../../../typer/person'; +import { ITidligereSamoboereTekstinnhold } from '../../../typer/sanity/modaler/tidligereSamboere'; import { trimWhiteSpace, visFeiloppsummering } from '../../../utils/hjelpefunksjoner'; import { svarForSpørsmålMedUkjent } from '../../../utils/spørsmål'; +import TekstBlock from '../../Felleskomponenter/Sanity/TekstBlock'; import { SkjemaFeiloppsummering } from '../../Felleskomponenter/SkjemaFeiloppsummering/SkjemaFeiloppsummering'; import SkjemaModal from '../../Felleskomponenter/SkjemaModal/SkjemaModal'; @@ -23,9 +26,13 @@ const LeggTilSamboerModal: React.FC = ({ erÅpen, forklaring = undefined, }) => { + const { tekster } = useApp(); const { skjema, valideringErOk, nullstillSkjema, validerFelterOgVisFeilmelding } = useTidligereSamboer(); + const teksterForModal: ITidligereSamoboereTekstinnhold = + tekster().FELLES.modaler.tidligereSamboere.søker; + const onLeggTil = () => { if (!validerFelterOgVisFeilmelding()) { return false; @@ -64,10 +71,10 @@ const LeggTilSamboerModal: React.FC = ({ return ( } lukkModal={lukkModal} onSubmitCallback={onLeggTil} valideringErOk={valideringErOk} diff --git "a/src/frontend/components/S\303\270knadsSteg/OmBarnet/Oppf\303\270lgningssp\303\270rsm\303\245l.tsx" "b/src/frontend/components/S\303\270knadsSteg/OmBarnet/Oppf\303\270lgningssp\303\270rsm\303\245l.tsx" index bbaf1ca69..0a00867c6 100644 --- "a/src/frontend/components/S\303\270knadsSteg/OmBarnet/Oppf\303\270lgningssp\303\270rsm\303\245l.tsx" +++ "b/src/frontend/components/S\303\270knadsSteg/OmBarnet/Oppf\303\270lgningssp\303\270rsm\303\245l.tsx" @@ -278,6 +278,7 @@ const Oppfølgningsspørsmål: React.FC<{ erÅpen={utenlandsmodalErÅpen} lukkModal={lukkUtenlandsmodal} onLeggTilUtenlandsperiode={leggTilUtenlandsperiode} + personType={PersonType.Barn} barn={barn} forklaring={plainTekst(leggTilPeriodeForklaring)} /> diff --git "a/src/frontend/components/S\303\270knadsSteg/OmDeg/OmDeg.tsx" "b/src/frontend/components/S\303\270knadsSteg/OmDeg/OmDeg.tsx" index 09a4c768c..e7cf206b7 100644 --- "a/src/frontend/components/S\303\270knadsSteg/OmDeg/OmDeg.tsx" +++ "b/src/frontend/components/S\303\270knadsSteg/OmDeg/OmDeg.tsx" @@ -5,6 +5,7 @@ import { ESvar } from '@navikt/familie-form-elements'; import { useApp } from '../../../context/AppContext'; import { useFeatureToggles } from '../../../context/FeatureToggleContext'; +import { PersonType } from '../../../typer/personType'; import { IUtenlandsoppholdTekstinnhold } from '../../../typer/sanity/modaler/utenlandsopphold'; import { ESanitySteg, Typografi } from '../../../typer/sanity/sanity'; import { uppercaseFørsteBokstav } from '../../../utils/visning'; @@ -138,6 +139,7 @@ const OmDeg: React.FC = () => { diff --git "a/src/frontend/components/S\303\270knadsSteg/VelgBarn/LeggTilBarn/LeggTilBarnModal.tsx" "b/src/frontend/components/S\303\270knadsSteg/VelgBarn/LeggTilBarn/LeggTilBarnModal.tsx" index 733741dde..4613ac19f 100644 --- "a/src/frontend/components/S\303\270knadsSteg/VelgBarn/LeggTilBarn/LeggTilBarnModal.tsx" +++ "b/src/frontend/components/S\303\270knadsSteg/VelgBarn/LeggTilBarn/LeggTilBarnModal.tsx" @@ -5,6 +5,7 @@ import { ESvar } from '@navikt/familie-form-elements'; import { Valideringsstatus } from '@navikt/familie-skjema'; import { useApp } from '../../../../context/AppContext'; +import { ILeggTilBarnTekstinnhold } from '../../../../typer/sanity/modaler/leggTilBarn'; import { Typografi } from '../../../../typer/sanity/sanity'; import { visFeiloppsummering } from '../../../../utils/hjelpefunksjoner'; import JaNeiSpmForSanity from '../../../Felleskomponenter/JaNeiSpm/JaNeiSpmForSanity'; @@ -22,12 +23,13 @@ const LeggTilBarnModal: React.FC<{ erÅpen: boolean; lukkModal: () => void; }> = ({ erÅpen, lukkModal }) => { + const { tekster } = useApp(); const { skjema, nullstillSkjema, valideringErOk, leggTilBarn, validerFelterOgVisFeilmelding } = useLeggTilBarn(); - const { tekster } = useApp(); - const teksterForLeggTilBarnModal = tekster().FELLES.modaler.leggTilBarn; + const teksterForModal: ILeggTilBarnTekstinnhold = tekster().FELLES.modaler.leggTilBarn; const { + tittel, erBarnetFoedt, ikkeFoedtAlert, barnetsNavnSubtittel, @@ -35,7 +37,8 @@ const LeggTilBarnModal: React.FC<{ etternavn, foedselsnummerEllerDNummer, foedselsnummerAlert, - } = teksterForLeggTilBarnModal; + leggTilKnapp, + } = teksterForModal; const submitOgLukk = () => { if (!validerFelterOgVisFeilmelding()) { @@ -47,9 +50,9 @@ const LeggTilBarnModal: React.FC<{ return ( } lukkModal={lukkModal} valideringErOk={valideringErOk} onSubmitCallback={submitOgLukk} diff --git "a/src/frontend/components/S\303\270knadsSteg/VelgBarn/LeggTilBarn/NyttBarnKort.test.tsx" "b/src/frontend/components/S\303\270knadsSteg/VelgBarn/LeggTilBarn/NyttBarnKort.test.tsx" index 4d7afa875..28e74ede2 100644 --- "a/src/frontend/components/S\303\270knadsSteg/VelgBarn/LeggTilBarn/NyttBarnKort.test.tsx" +++ "b/src/frontend/components/S\303\270knadsSteg/VelgBarn/LeggTilBarn/NyttBarnKort.test.tsx" @@ -73,7 +73,7 @@ describe('NyttBarnKort', () => { ); - const leggTilKnappIModal = getByTestId('hvilkebarn.leggtilbarn.kort.knapp'); + const leggTilKnappIModal = getByTestId('submit-knapp-i-modal'); expect(leggTilKnappIModal).toBeInTheDocument(); expect(leggTilKnappIModal).toHaveClass('navds-button--secondary'); diff --git "a/src/frontend/components/S\303\270knadsSteg/VelgBarn/VelgBarn.test.tsx" "b/src/frontend/components/S\303\270knadsSteg/VelgBarn/VelgBarn.test.tsx" index 45c65c07d..fb84b9cc5 100644 --- "a/src/frontend/components/S\303\270knadsSteg/VelgBarn/VelgBarn.test.tsx" +++ "b/src/frontend/components/S\303\270knadsSteg/VelgBarn/VelgBarn.test.tsx" @@ -183,7 +183,7 @@ describe('VelgBarn', () => { const leggTilBarnKnapp = getByTestId('legg-til-barn-knapp'); act(() => leggTilBarnKnapp.click()); - const leggTilKnappIModal = getByTestId('hvilkebarn.leggtilbarn.kort.knapp'); + const leggTilKnappIModal = getByTestId('submit-knapp-i-modal'); const jaKnapp = getAllByRole('radio').find( radio => radio.getAttribute('value') === ESvar.JA diff --git a/src/frontend/typer/sanity/modaler/andreUtbetalinger.ts b/src/frontend/typer/sanity/modaler/andreUtbetalinger.ts index 60daa7ee8..a572f0fa8 100644 --- a/src/frontend/typer/sanity/modaler/andreUtbetalinger.ts +++ b/src/frontend/typer/sanity/modaler/andreUtbetalinger.ts @@ -1,7 +1,9 @@ import { LocaleRecordBlock, LocaleRecordString } from '../sanity'; export interface IAndreUtbetalingerTekstinnhold { + tittel: LocaleRecordBlock; leggTilPeriodeForklaring: LocaleRecordString; flerePerioder: LocaleRecordString; + leggTilKnapp: LocaleRecordBlock; leggTilFeilmelding: LocaleRecordBlock; } diff --git a/src/frontend/typer/sanity/modaler/arbeidsperiode.ts b/src/frontend/typer/sanity/modaler/arbeidsperiode.ts index 0f88c97ab..8d0c02e33 100644 --- a/src/frontend/typer/sanity/modaler/arbeidsperiode.ts +++ b/src/frontend/typer/sanity/modaler/arbeidsperiode.ts @@ -1,6 +1,7 @@ import { LocaleRecordBlock, LocaleRecordString } from '../sanity'; export interface IArbeidsperiodeTekstinnhold { + tittel: LocaleRecordBlock; leggTilPeriodeForklaring: LocaleRecordString; flerePerioder: LocaleRecordString; leggTilKnapp: LocaleRecordBlock; diff --git a/src/frontend/typer/sanity/modaler/barnetrygdperiode.ts b/src/frontend/typer/sanity/modaler/barnetrygdperiode.ts index 4bb268288..7da3296e5 100644 --- a/src/frontend/typer/sanity/modaler/barnetrygdperiode.ts +++ b/src/frontend/typer/sanity/modaler/barnetrygdperiode.ts @@ -1,7 +1,9 @@ import { LocaleRecordBlock, LocaleRecordString } from '../sanity'; export interface IBarnetrygdsperiodeTekstinnhold { + tittel: LocaleRecordBlock; leggTilPeriodeForklaring: LocaleRecordString; flerePerioder: LocaleRecordString; + leggTilKnapp: LocaleRecordBlock; leggTilFeilmelding: LocaleRecordBlock; } diff --git a/src/frontend/typer/sanity/modaler/leggTilBarn.ts b/src/frontend/typer/sanity/modaler/leggTilBarn.ts index 3b063c1b4..aeddbc7c8 100644 --- a/src/frontend/typer/sanity/modaler/leggTilBarn.ts +++ b/src/frontend/typer/sanity/modaler/leggTilBarn.ts @@ -1,6 +1,7 @@ import { ISanitySpørsmålDokument, LocaleRecordBlock } from '../sanity'; export interface ILeggTilBarnTekstinnhold { + tittel: LocaleRecordBlock; leggTilKnapp: LocaleRecordBlock; fjernKnapp: LocaleRecordBlock; erBarnetFoedt: ISanitySpørsmålDokument; diff --git a/src/frontend/typer/sanity/modaler/pensjonsperiode.ts b/src/frontend/typer/sanity/modaler/pensjonsperiode.ts index 396c81e9d..2859f04e2 100644 --- a/src/frontend/typer/sanity/modaler/pensjonsperiode.ts +++ b/src/frontend/typer/sanity/modaler/pensjonsperiode.ts @@ -1,7 +1,9 @@ import { LocaleRecordBlock, LocaleRecordString } from '../sanity'; export interface IPensjonsperiodeTekstinnhold { + tittel: LocaleRecordBlock; leggTilPeriodeForklaring: LocaleRecordString; flerePerioder: LocaleRecordString; + leggTilKnapp: LocaleRecordBlock; leggTilFeilmelding: LocaleRecordBlock; } diff --git a/src/frontend/typer/sanity/modaler/tidligereSamboere.ts b/src/frontend/typer/sanity/modaler/tidligereSamboere.ts index 0a12d82d9..478271f6b 100644 --- a/src/frontend/typer/sanity/modaler/tidligereSamboere.ts +++ b/src/frontend/typer/sanity/modaler/tidligereSamboere.ts @@ -1,7 +1,9 @@ import { LocaleRecordBlock, LocaleRecordString } from '../sanity'; export interface ITidligereSamoboereTekstinnhold { + tittel: LocaleRecordBlock; leggTilPeriodeForklaring: LocaleRecordString; flerePerioder: LocaleRecordString; + leggTilKnapp: LocaleRecordBlock; leggTilFeilmelding: LocaleRecordBlock; } diff --git a/src/frontend/typer/sanity/modaler/utenlandsopphold.ts b/src/frontend/typer/sanity/modaler/utenlandsopphold.ts index bb7d72e97..d4a4d2f96 100644 --- a/src/frontend/typer/sanity/modaler/utenlandsopphold.ts +++ b/src/frontend/typer/sanity/modaler/utenlandsopphold.ts @@ -1,6 +1,7 @@ import { LocaleRecordBlock, LocaleRecordString } from '../sanity'; export interface IUtenlandsoppholdTekstinnhold { + tittel: LocaleRecordBlock; leggTilPeriodeForklaring: LocaleRecordString; flerePerioder: LocaleRecordBlock; leggTilKnapp: LocaleRecordBlock;