Popp validation

navikt · Aug 31, 2023 · 96df3bb · 96df3bb
1 parent fbe28ec
commit 96df3bb
Showing 1 changed file with 57 additions and 44 deletions.
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/pensjon/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/pensjon/form/Form.tsx
@@ -8,56 +8,69 @@ import { getYearRangeOptions } from '@/utils/DataFormatter'
 import { FormikTextInput } from '@/components/ui/form/inputs/textInput/TextInput'
 import { FormikCheckbox } from '@/components/ui/form/inputs/checbox/Checkbox'
 import React from 'react'
+import StyledAlert from '@/components/ui/alert/StyledAlert'
+import * as _ from 'lodash-es'
 
 export const pensjonPath = 'pensjonforvalter.inntekt'
 
 const hjelpetekst =
 	'Hvis nedjuster med grunnbeløp er valgt skal beløp angis som årsbeløp i dagens kroneverdi, ' +
 	'og vil nedjusteres basert på snitt grunnbeløp i inntektsåret.'
 
-export const PensjonForm = ({ formikBag }) => (
-	<Vis attributt={pensjonPath}>
-		<Panel
-			heading="Pensjonsgivende inntekt (POPP)"
-			hasErrors={panelError(formikBag, pensjonPath)}
-			iconType="pensjon"
-			startOpen={erForsteEllerTest(formikBag.values, [pensjonPath])}
-			informasjonstekst={hjelpetekst}
-		>
-			{/*// @ts-ignore*/}
-			<Kategori title="Pensjonsgivende inntekt" vis={pensjonPath}>
-				<div className="flexbox--flex-wrap">
-					<FormikSelect
-						name={`${pensjonPath}.fomAar`}
-						label="Fra og med år"
-						options={getYearRangeOptions(1968, new Date().getFullYear() - 1)}
-						isClearable={false}
-					/>
-
-					<FormikSelect
-						name={`${pensjonPath}.tomAar`}
-						label="Til og med år"
-						options={getYearRangeOptions(1968, new Date().getFullYear() - 1)}
-						isClearable={false}
-					/>
-
-					<FormikTextInput
-						name={`${pensjonPath}.belop`}
-						label="Beløp"
-						type="number"
-						fastfield="false"
-					/>
-
-					<FormikCheckbox
-						name={`${pensjonPath}.redusertMedGrunnbelop`}
-						label="Nedjuster med grunnbeløp"
-						size="small"
-						checkboxMargin
-					/>
-				</div>
-			</Kategori>
-		</Panel>
-	</Vis>
-)
+export const PensjonForm = ({ formikBag }) => {
+	const minAar = new Date().getFullYear() - 17
+	const valgtAar = _.get(formikBag.values, `${pensjonPath}.fomAar`)
+
+	return (
+		<Vis attributt={pensjonPath}>
+			<Panel
+				heading="Pensjonsgivende inntekt (POPP)"
+				hasErrors={panelError(formikBag, pensjonPath)}
+				iconType="pensjon"
+				startOpen={erForsteEllerTest(formikBag.values, [pensjonPath])}
+				informasjonstekst={hjelpetekst}
+			>
+				{/*// @ts-ignore*/}
+				{!_.has(formikBag.values, 'pdldata.opprettNyPerson.alder') && valgtAar < minAar && (
+					<StyledAlert variant={'info'} size={'small'}>
+						Pensjonsgivende inntekt kan settes fra året personen fyller 13 år. For å sikre at
+						personen får gyldig alder kan denne settes ved å huke av for "Alder" på forrige side.
+					</StyledAlert>
+				)}
+				<Kategori title="Pensjonsgivende inntekt" vis={pensjonPath}>
+					<div className="flexbox--flex-wrap">
+						<FormikSelect
+							name={`${pensjonPath}.fomAar`}
+							label="Fra og med år"
+							options={getYearRangeOptions(1968, new Date().getFullYear() - 1)}
+							isClearable={false}
+						/>
+
+						<FormikSelect
+							name={`${pensjonPath}.tomAar`}
+							label="Til og med år"
+							options={getYearRangeOptions(1968, new Date().getFullYear() - 1)}
+							isClearable={false}
+						/>
+
+						<FormikTextInput
+							name={`${pensjonPath}.belop`}
+							label="Beløp"
+							type="number"
+							fastfield="false"
+						/>
+
+						<FormikCheckbox
+							name={`${pensjonPath}.redusertMedGrunnbelop`}
+							label="Nedjuster med grunnbeløp"
+							size="small"
+							checkboxMargin
+						/>
+					</div>
+				</Kategori>
+			</Panel>
+		</Vis>
+	)
+}
 
 PensjonForm.validation = validation