diff --git a/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less b/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less index 01c97b3bb..a93284638 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less +++ b/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.less @@ -9,6 +9,10 @@ } } + &__alert { + margin-top: 1rem; + } + &__tilskuddsprosent-heading, &__tilskuddsprosent { margin-bottom: 1.25rem; } diff --git a/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx b/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx index c878b0ea3..45d777110 100644 --- a/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx +++ b/src/AvtaleSide/steg/BeregningTilskudd/Manedslonn.tsx @@ -3,6 +3,7 @@ import { Column, Row } from '@/komponenter/NavGrid/Grid'; import ValutaInput from '@/komponenter/form/ValutaInput'; import { BEMWrapper } from '@/utils/bem'; import { AvtaleContext } from '@/AvtaleProvider'; +import { Alert } from '@navikt/ds-react'; interface Props { cls: BEMWrapper; @@ -10,6 +11,8 @@ interface Props { const Manedslonn: React.FC = ({ cls }: Props) => { const { avtale, settAvtaleInnholdVerdier, settOgKalkulerBeregningsverdier } = useContext(AvtaleContext); + const erHøyManedslønn = (avtale.gjeldendeInnhold.manedslonn !== undefined && avtale.gjeldendeInnhold.manedslonn > 99999); + return ( @@ -26,6 +29,11 @@ const Manedslonn: React.FC = ({ cls }: Props) => { onBlur={(event) => settOgKalkulerBeregningsverdier({ manedslonn: parseFloat(event.target.value) })} min={0} /> + {erHøyManedslønn && + + Er du sikker på at dette er riktig månedslønn? + + } );