Skip to content

Commit

Permalink
Fjerner forklaring over LeggTilKnapp (#1303)
Browse files Browse the repository at this point in the history
  • Loading branch information
@ole-kristian-rudjord
ole-kristian-rudjord authored Aug 1, 2024
1 parent b1a6539 commit 3b75bf7
Show file tree
Hide file tree
Showing 9 changed files with 91 additions and 116 deletions.
26 changes: 13 additions & 13 deletions src/frontend/components/Felleskomponenter/Arbeidsperiode/Arbeidsperiode.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,17 @@ import { Label } from '@navikt/ds-react';
import { ESvar } from '@navikt/familie-form-elements';
import { Felt, ISkjema } from '@navikt/familie-skjema';

import { useApp } from '../../../context/AppContext';
import { useFeatureToggles } from '../../../context/FeatureToggleContext';
import { IArbeidsperiode } from '../../../typer/perioder';
import { PeriodePersonTypeMedBarnProps, PersonType } from '../../../typer/personType';
import { IArbeidsperiodeTekstinnhold } from '../../../typer/sanity/modaler/arbeidsperiode';
import {
IDinLivssituasjonFeltTyper,
IEøsForBarnFeltTyper,
IEøsForSøkerFeltTyper,
IOmBarnetFeltTyper,
} from '../../../typer/skjema';
import { hentLeggTilPeriodeTekster } from '../../../utils/modaler';
import { genererPeriodeId } from '../../../utils/perioder';
import JaNeiSpm from '../JaNeiSpm/JaNeiSpm';
import { LeggTilKnapp } from '../LeggTilKnapp/LeggTilKnapp';
Expand Down Expand Up @@ -65,21 +66,16 @@ export const Arbeidsperiode: React.FC<Props> = ({
lukkModal: lukkArbeidsmodal,
åpneModal: åpneArbeidsmodal,
} = useModal();
const { tekster, plainTekst } = useApp();

const barnetsNavn = !!barn && barn.navn;
const arbeidsperiodeSpørsmålId = gjelderUtlandet
? ArbeidsperiodeSpørsmålsId.arbeidsperioderUtland
: ArbeidsperiodeSpørsmålsId.arbeidsperioderNorge;

const antallPerioder = registrerteArbeidsperioder.verdi.length;
const leggTilPeriodeTekster = hentLeggTilPeriodeTekster(
'arbeidsperiode',
personType,
antallPerioder,
undefined,
{
gjelderUtland: gjelderUtlandet,
}
);
const teksterForModal: IArbeidsperiodeTekstinnhold =
tekster().FELLES.modaler.arbeidsperiode[personType];
const { flerePerioder, leggTilPeriodeForklaring } = teksterForModal;

return (
<>
Expand Down Expand Up @@ -122,7 +118,11 @@ export const Arbeidsperiode: React.FC<Props> = ({
<LeggTilKnapp
onClick={åpneArbeidsmodal}
språkTekst={arbeidsperiodeLeggTilFlereKnapp(gjelderUtlandet)}
forklaring={leggTilPeriodeTekster?.tekstForKnapp}
leggTilFlereTekst={
toggles.NYE_MODAL_TEKSTER &&
registrerteArbeidsperioder.verdi.length > 0 &&
plainTekst(flerePerioder)
}
id={genererPeriodeId({
personType,
spørsmålsId: arbeidsperiodeSpørsmålId,
Expand All @@ -144,7 +144,7 @@ export const Arbeidsperiode: React.FC<Props> = ({
gjelderUtlandet={gjelderUtlandet}
personType={personType}
erDød={erDød}
forklaring={leggTilPeriodeTekster?.tekstForModal}
forklaring={plainTekst(leggTilPeriodeForklaring)}
/>
)}
</PerioderContainer>
Expand Down
21 changes: 12 additions & 9 deletions src/frontend/components/Felleskomponenter/Barnetrygdperiode/Barnetrygdperiode.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,13 +4,14 @@ import { Label } from '@navikt/ds-react';
import { ESvar } from '@navikt/familie-form-elements';
import { Felt, ISkjema } from '@navikt/familie-skjema';

import { useApp } from '../../../context/AppContext';
import { useFeatureToggles } from '../../../context/FeatureToggleContext';
import { IBarnMedISøknad } from '../../../typer/barn';
import { HeadingLevel } from '../../../typer/common';
import { IEøsBarnetrygdsperiode } from '../../../typer/perioder';
import { PeriodePersonTypeProps, PersonType } from '../../../typer/personType';
import { IBarnetrygdsperiodeTekstinnhold } from '../../../typer/sanity/modaler/barnetrygdperiode';
import { IEøsForBarnFeltTyper, IOmBarnetFeltTyper } from '../../../typer/skjema';
import { hentLeggTilPeriodeTekster } from '../../../utils/modaler';
import { genererPeriodeId } from '../../../utils/perioder';
import JaNeiSpm from '../JaNeiSpm/JaNeiSpm';
import { LeggTilKnapp } from '../LeggTilKnapp/LeggTilKnapp';
Expand Down Expand Up @@ -55,13 +56,11 @@ export const Barnetrygdperiode: React.FC<BarnetrygdperiodeProps> = ({
lukkModal: lukkBarnetrygdsmodal,
åpneModal: åpneBarnetrygdsmodal,
} = useModal();
const { tekster, plainTekst } = useApp();

const antallPerioder = registrerteEøsBarnetrygdsperioder.verdi.length;
const leggTilPeriodeTekster = hentLeggTilPeriodeTekster(
'barnetrygdsperiode',
personType,
antallPerioder
);
const teksterForModal: IBarnetrygdsperiodeTekstinnhold =
tekster().FELLES.modaler.barnetrygdsperiode[personType];
const { flerePerioder, leggTilPeriodeForklaring } = teksterForModal;

return (
<>
Expand Down Expand Up @@ -104,7 +103,11 @@ export const Barnetrygdperiode: React.FC<BarnetrygdperiodeProps> = ({
<LeggTilKnapp
onClick={åpneBarnetrygdsmodal}
språkTekst={'ombarnet.trygdandreperioder.knapp'}
forklaring={leggTilPeriodeTekster?.tekstForKnapp}
leggTilFlereTekst={
toggles.NYE_MODAL_TEKSTER &&
registrerteEøsBarnetrygdsperioder.verdi.length > 0 &&
plainTekst(flerePerioder)
}
id={genererPeriodeId({
personType,
spørsmålsId: BarnetrygdperiodeSpørsmålId.barnetrygdsperiodeEøs,
Expand All @@ -126,7 +129,7 @@ export const Barnetrygdperiode: React.FC<BarnetrygdperiodeProps> = ({
barn={barn}
personType={personType}
erDød={erDød}
forklaring={leggTilPeriodeTekster?.tekstForModal}
forklaring={plainTekst(leggTilPeriodeForklaring)}
/>
)}
</PerioderContainer>
Expand Down
8 changes: 5 additions & 3 deletions src/frontend/components/Felleskomponenter/LeggTilKnapp/LeggTilKnapp.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import SpråkTekst from '../SpråkTekst/SpråkTekst';
interface Props {
onClick: () => void | Promise<void>;
språkTekst: string;
forklaring?: string;
leggTilFlereTekst?: ReactNode;
feilmelding?: ReactNode;
id?: string;
}
Expand All @@ -26,15 +26,17 @@ const StyledButton = styled(Button)`
export const LeggTilKnapp: React.FC<Props> = ({
onClick,
språkTekst,
forklaring,
leggTilFlereTekst,
feilmelding,
id,
}) => {
const { toggles } = useFeatureToggles();

return (
<>
{toggles.NYE_MODAL_TEKSTER && forklaring && <BodyShort spacing>{forklaring}</BodyShort>}
{toggles.NYE_MODAL_TEKSTER && leggTilFlereTekst && (
<BodyShort spacing>{leggTilFlereTekst}</BodyShort>
)}
<StyledButton
id={id}
variant={'tertiary'}
Expand Down
26 changes: 13 additions & 13 deletions src/frontend/components/Felleskomponenter/Pensjonsmodal/Pensjonsperiode.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,17 @@ import { Label } from '@navikt/ds-react';
import { ESvar } from '@navikt/familie-form-elements';
import { Felt, ISkjema } from '@navikt/familie-skjema';

import { useApp } from '../../../context/AppContext';
import { useFeatureToggles } from '../../../context/FeatureToggleContext';
import { IPensjonsperiode } from '../../../typer/perioder';
import { PeriodePersonTypeMedBarnProps, PersonType } from '../../../typer/personType';
import { IPensjonsperiodeTekstinnhold } from '../../../typer/sanity/modaler/pensjonsperiode';
import {
IDinLivssituasjonFeltTyper,
IEøsForBarnFeltTyper,
IEøsForSøkerFeltTyper,
IOmBarnetFeltTyper,
} from '../../../typer/skjema';
import { hentLeggTilPeriodeTekster } from '../../../utils/modaler';
import { genererPeriodeId } from '../../../utils/perioder';
import JaNeiSpm from '../JaNeiSpm/JaNeiSpm';
import { LeggTilKnapp } from '../LeggTilKnapp/LeggTilKnapp';
Expand Down Expand Up @@ -66,20 +67,15 @@ export const Pensjonsperiode: React.FC<Props> = ({
lukkModal: lukkPensjonsmodal,
åpneModal: åpnePensjonsmodal,
} = useModal();
const { tekster, plainTekst } = useApp();

const pensjonsperiodeSpørsmålId = gjelderUtlandet
? PensjonsperiodeSpørsmålId.pensjonsperioderUtland
: PensjonsperiodeSpørsmålId.pensjonsperioderNorge;

const antallPerioder = registrertePensjonsperioder.verdi.length;
const leggTilPeriodeTekster = hentLeggTilPeriodeTekster(
'pensjonsperiode',
personType,
antallPerioder,
undefined,
{
gjelderUtland: gjelderUtlandet,
}
);
const teksterForModal: IPensjonsperiodeTekstinnhold =
tekster().FELLES.modaler.pensjonsperiode[personType];
const { flerePerioder, leggTilPeriodeForklaring } = teksterForModal;

return (
<>
Expand Down Expand Up @@ -126,7 +122,11 @@ export const Pensjonsperiode: React.FC<Props> = ({
<LeggTilKnapp
onClick={åpnePensjonsmodal}
språkTekst={pensjonsperiodeKnappSpråkId(gjelderUtlandet)}
forklaring={leggTilPeriodeTekster?.tekstForKnapp}
leggTilFlereTekst={
toggles.NYE_MODAL_TEKSTER &&
registrertePensjonsperioder.verdi.length > 0 &&
plainTekst(flerePerioder)
}
id={genererPeriodeId({
personType,
spørsmålsId: pensjonsperiodeSpørsmålId,
Expand All @@ -149,7 +149,7 @@ export const Pensjonsperiode: React.FC<Props> = ({
personType={personType}
erDød={erDød}
barn={barn}
forklaring={leggTilPeriodeTekster?.tekstForModal}
forklaring={plainTekst(leggTilPeriodeForklaring)}
/>
)}
</PerioderContainer>
Expand Down
21 changes: 12 additions & 9 deletions src/frontend/components/Felleskomponenter/UtbetalingerModal/Utbetalingsperiode.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,12 @@ import { Label } from '@navikt/ds-react';
import { ESvar } from '@navikt/familie-form-elements';
import { Felt, ISkjema } from '@navikt/familie-skjema';

import { useApp } from '../../../context/AppContext';
import { useFeatureToggles } from '../../../context/FeatureToggleContext';
import { IUtbetalingsperiode } from '../../../typer/perioder';
import { PeriodePersonTypeMedBarnProps, PersonType } from '../../../typer/personType';
import { IAndreUtbetalingerTekstinnhold } from '../../../typer/sanity/modaler/andreUtbetalinger';
import { IEøsForBarnFeltTyper, IEøsForSøkerFeltTyper } from '../../../typer/skjema';
import { hentLeggTilPeriodeTekster } from '../../../utils/modaler';
import { genererPeriodeId } from '../../../utils/perioder';
import JaNeiSpm from '../JaNeiSpm/JaNeiSpm';
import { LeggTilKnapp } from '../LeggTilKnapp/LeggTilKnapp';
Expand Down Expand Up @@ -51,15 +52,13 @@ export const Utbetalingsperiode: React.FC<Props> = ({
lukkModal: lukkUtbetalingerModal,
åpneModal: åpneUtbetalingerModal,
} = useModal();
const { tekster, plainTekst } = useApp();

const barnetsNavn = barn && barn.navn;

const antallPerioder = registrerteUtbetalingsperioder.verdi.length;
const leggTilPeriodeTekster = hentLeggTilPeriodeTekster(
'andreUtbetalinger',
personType,
antallPerioder
);
const teksterForModal: IAndreUtbetalingerTekstinnhold =
tekster().FELLES.modaler.andreUtbetalinger[personType];
const { flerePerioder, leggTilPeriodeForklaring } = teksterForModal;

return (
<>
Expand Down Expand Up @@ -102,7 +101,11 @@ export const Utbetalingsperiode: React.FC<Props> = ({
<LeggTilKnapp
onClick={åpneUtbetalingerModal}
språkTekst={'felles.flereytelser.knapp'}
forklaring={leggTilPeriodeTekster?.tekstForKnapp}
leggTilFlereTekst={
toggles.NYE_MODAL_TEKSTER &&
registrerteUtbetalingsperioder.verdi.length > 0 &&
plainTekst(flerePerioder)
}
id={genererPeriodeId({
personType: personType,
spørsmålsId: UtbetalingerSpørsmålId.utbetalingsperioder,
Expand All @@ -120,7 +123,7 @@ export const Utbetalingsperiode: React.FC<Props> = ({
personType={personType}
barn={barn}
erDød={erDød}
forklaring={leggTilPeriodeTekster?.tekstForModal}
forklaring={plainTekst(leggTilPeriodeForklaring)}
/>
)}
</PerioderContainer>
Expand Down
23 changes: 14 additions & 9 deletions src/frontend/components/SøknadsSteg/DinLivssituasjon/TidligereSamboere.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,12 @@ import React from 'react';
import { ESvar } from '@navikt/familie-form-elements';
import { Felt, ISkjema } from '@navikt/familie-skjema';

import { useApp } from '../../../context/AppContext';
import { useFeatureToggles } from '../../../context/FeatureToggleContext';
import { ITidligereSamboer } from '../../../typer/person';
import { PersonType } from '../../../typer/personType';
import { ITidligereSamoboereTekstinnhold } from '../../../typer/sanity/modaler/tidligereSamboere';
import { IDinLivssituasjonFeltTyper } from '../../../typer/skjema';
import { hentLeggTilPeriodeTekster } from '../../../utils/modaler';
import { genererPeriodeId } from '../../../utils/perioder';
import JaNeiSpm from '../../Felleskomponenter/JaNeiSpm/JaNeiSpm';
import { LeggTilKnapp } from '../../Felleskomponenter/LeggTilKnapp/LeggTilKnapp';
Expand All @@ -33,18 +35,17 @@ const TidligereSamboere: React.FC<Props> = ({
hattAnnenSamboerForSøktPeriodeFelt,
tidligereSamboere,
}) => {
const { toggles } = useFeatureToggles();
const {
lukkModal: lukkLeggTilSamboerModal,
åpneModal: åpneLeggTilSamboerModal,
erÅpen: erLeggTilSamboerModalÅpen,
} = useModal();
const { tekster, plainTekst } = useApp();

const antallPerioder = tidligereSamboere.verdi.length;
const leggTilPeriodeTekster = hentLeggTilPeriodeTekster(
'tidligereSamboere',
PersonType.Søker,
antallPerioder
);
const teksterForModal: ITidligereSamoboereTekstinnhold =
tekster().FELLES.modaler.tidligereSamboere.søker;
const { flerePerioder, leggTilPeriodeForklaring } = teksterForModal;

return (
<>
Expand All @@ -68,7 +69,11 @@ const TidligereSamboere: React.FC<Props> = ({
))}
<LeggTilKnapp
språkTekst="omdeg.leggtilfleresamboere.leggtil"
forklaring={leggTilPeriodeTekster?.tekstForKnapp}
leggTilFlereTekst={
toggles.NYE_MODAL_TEKSTER &&
tidligereSamboere.verdi.length > 0 &&
plainTekst(flerePerioder)
}
onClick={åpneLeggTilSamboerModal}
id={genererPeriodeId({
personType: PersonType.Søker,
Expand All @@ -87,7 +92,7 @@ const TidligereSamboere: React.FC<Props> = ({
leggTilTidligereSamboer={leggTilTidligereSamboer}
lukkModal={lukkLeggTilSamboerModal}
erÅpen={erLeggTilSamboerModalÅpen}
forklaring={leggTilPeriodeTekster?.tekstForModal}
forklaring={plainTekst(leggTilPeriodeForklaring)}
/>
)}
</PerioderContainer>
Expand Down
21 changes: 11 additions & 10 deletions src/frontend/components/SøknadsSteg/OmBarnet/Oppfølgningsspørsmål.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ import { useFeatureToggles } from '../../../context/FeatureToggleContext';
import { barnDataKeySpørsmål, IBarnMedISøknad } from '../../../typer/barn';
import { IEøsBarnetrygdsperiode, IUtenlandsperiode } from '../../../typer/perioder';
import { PersonType } from '../../../typer/personType';
import { IUtenlandsoppholdTekstinnhold } from '../../../typer/sanity/modaler/utenlandsopphold';
import { ESanitySteg } from '../../../typer/sanity/sanity';
import { IOmBarnetFeltTyper } from '../../../typer/skjema';
import {
Expand All @@ -17,7 +18,6 @@ import {
morgendagensDato,
stringTilDate,
} from '../../../utils/dato';
import { hentLeggTilPeriodeTekster } from '../../../utils/modaler';
import { Barnetrygdperiode } from '../../Felleskomponenter/Barnetrygdperiode/Barnetrygdperiode';
import Datovelger from '../../Felleskomponenter/Datovelger/Datovelger';
import { LandDropdown } from '../../Felleskomponenter/Dropdowns/LandDropdown';
Expand Down Expand Up @@ -57,7 +57,7 @@ const Oppfølgningsspørsmål: React.FC<{
fjernBarnetrygdsperiode,
registrerteEøsBarnetrygdsperioder,
}) => {
const { tekster } = useApp();
const { tekster, plainTekst } = useApp();
const { toggles } = useFeatureToggles();
const {
erÅpen: utenlandsmodalErÅpen,
Expand All @@ -80,12 +80,9 @@ const Oppfølgningsspørsmål: React.FC<{
pågåendeSøknadFraAnnetEøsLand,
} = skjema.felter;

const antallPerioder = utenlandsperioder.length;
const leggTilPeriodeTekster = hentLeggTilPeriodeTekster(
'utenlandsopphold',
PersonType.Barn,
antallPerioder
);
const teksterForModal: IUtenlandsoppholdTekstinnhold =
tekster().FELLES.modaler.utenlandsopphold.barn;
const { flerePerioder, leggTilPeriodeForklaring } = teksterForModal;

const dokumentasjonstekster = tekster()[ESanitySteg.DOKUMENTASJON];
const { bekreftelseFraBarnevernetBarnetrygd } = dokumentasjonstekster;
Expand Down Expand Up @@ -215,7 +212,11 @@ const Oppfølgningsspørsmål: React.FC<{
<LeggTilKnapp
id={UtenlandsoppholdSpørsmålId.utenlandsopphold}
språkTekst={'felles.leggtilutenlands.knapp'}
forklaring={leggTilPeriodeTekster?.tekstForKnapp}
leggTilFlereTekst={
toggles.NYE_MODAL_TEKSTER &&
registrerteUtenlandsperioder.verdi.length > 0 &&
plainTekst(flerePerioder)
}
onClick={åpneUtenlandsmodal}
feilmelding={
registrerteUtenlandsperioder.erSynlig &&
Expand Down Expand Up @@ -293,7 +294,7 @@ const Oppfølgningsspørsmål: React.FC<{
lukkModal={lukkUtenlandsmodal}
onLeggTilUtenlandsperiode={leggTilUtenlandsperiode}
barn={barn}
forklaring={leggTilPeriodeTekster?.tekstForModal}
forklaring={plainTekst(leggTilPeriodeForklaring)}
/>
)}
</>
Expand Down
Loading

0 comments on commit 3b75bf7

Please sign in to comment.