Opprydning + types

navikt · Oct 16, 2024 · 38cb1fd · 38cb1fd
1 parent dd3be64
commit 38cb1fd
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 18 deletions.
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/yrkesskader/YrkesskaderTypes.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/yrkesskader/YrkesskaderTypes.tsx
@@ -0,0 +1,21 @@
+export type YrkesskadePeriodeTypes = {
+	fra: string
+	til: string
+}
+
+export type YrkesskadeTypes = {
+	rolletype: string
+	innmelderrolle: string
+	innmelderIdentifikator: string
+	paaVegneAv: string
+	klassifisering?: string
+	tidstype?: string
+	skadetidspunkt?: string
+	perioder: Array<YrkesskadePeriodeTypes>
+	referanse?: string
+	ferdigstillSak?: string
+}
+
+export type YrkesskaderTypes = {
+	yrkesskader: Array<YrkesskadeTypes>
+}
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/yrkesskader/form/Form.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/yrkesskader/form/Form.tsx
@@ -17,14 +17,15 @@ import StyledAlert from '@/components/ui/alert/StyledAlert'
 import { validation } from '@/components/fagsystem/yrkesskader/form/validation'
 import { useYrkesskadeKodeverk } from '@/utils/hooks/useYrkesskade'
 import { BestillingsveilederContext } from '@/components/bestillingsveileder/BestillingsveilederContext'
+import { YrkesskadeTypes } from '@/components/fagsystem/yrkesskader/YrkesskaderTypes'
 
 export const yrkesskaderAttributt = 'yrkesskader'
 
 export const YrkesskaderForm = () => {
 	const formMethods = useFormContext()
-	const opts = useContext(BestillingsveilederContext)
+	const opts: any = useContext(BestillingsveilederContext)
 
-	const handleChangeTidstype = (value, path) => {
+	const handleChangeTidstype = (value: any, path: string) => {
 		formMethods.setValue(`${path}.tidstype`, value?.value || null)
 		formMethods.setValue(`${path}.skadetidspunkt`, null)
 		if (value?.value === 'periode') {
@@ -38,7 +39,7 @@ export const YrkesskaderForm = () => {
 	const getVergemaal = () => {
 		const vergemaalForm = formMethods.watch('pdldata.person.vergemaal')
 		const vergemaalImport = opts?.importPersoner?.flatMap(
-			(person) => person?.data?.hentPerson?.vergemaalEllerFremtidsfullmakt,
+			(person: any) => person?.data?.hentPerson?.vergemaalEllerFremtidsfullmakt,
 		)
 		const vergemaalLeggTil =
 			opts?.personFoerLeggTil?.pdl?.hentPerson?.vergemaalEllerFremtidsfullmakt ||
@@ -50,14 +51,14 @@ export const YrkesskaderForm = () => {
 	const getForelder = () => {
 		const forelderForm = formMethods
 			.watch('pdldata.person.forelderBarnRelasjon')
-			?.filter((relasjon) => relasjon?.relatertPersonsRolle === 'FORELDER')
+			?.filter((relasjon: any) => relasjon?.relatertPersonsRolle === 'FORELDER')
 		const forelderImport = opts?.importPersoner
-			?.flatMap((person) => person?.data?.hentPerson?.forelderBarnRelasjon)
-			?.filter((relasjon) => relasjon?.minRolleForPerson === 'BARN')
+			?.flatMap((person: any) => person?.data?.hentPerson?.forelderBarnRelasjon)
+			?.filter((relasjon: any) => relasjon?.minRolleForPerson === 'BARN')
 		const forelderLeggTil = (
 			opts?.personFoerLeggTil?.pdl?.hentPerson?.forelderBarnRelasjon ||
 			opts?.personFoerLeggTil?.pdlforvalter?.person?.forelderBarnRelasjon
-		)?.filter((relasjon) => relasjon?.minRolleForPerson === 'BARN')
+		)?.filter((relasjon: any) => relasjon?.minRolleForPerson === 'BARN')
 
 		return forelderForm || forelderImport || forelderLeggTil
 	}
@@ -67,7 +68,7 @@ export const YrkesskaderForm = () => {
 		const forelder = getForelder()
 		const harInnmelderrolleVergeOgForesatt = formMethods
 			.watch('yrkesskader')
-			?.some((yrkesskade) => yrkesskade?.innmelderrolle === 'vergeOgForesatt')
+			?.some((yrkesskade: YrkesskadeTypes) => yrkesskade?.innmelderrolle === 'vergeOgForesatt')
 
 		return (
 			harInnmelderrolleVergeOgForesatt &&
@@ -81,14 +82,14 @@ export const YrkesskaderForm = () => {
 
 	const rolletypeOptions =
 		kodeverkRolletype &&
-		Object.values(kodeverkRolletype)?.map((option) => ({
+		Object.values(kodeverkRolletype)?.map((option: any) => ({
 			value: option?.kode,
 			label: option?.verdi,
 		}))
 
 	const innmelderrolletypeOptions =
 		kodeverkInnmelderrolletype &&
-		Object.values(kodeverkInnmelderrolletype)?.map((option) => ({
+		Object.values(kodeverkInnmelderrolletype)?.map((option: any) => ({
 			value: option?.kode,
 			label: option?.verdi,
 		}))
@@ -120,8 +121,10 @@ export const YrkesskaderForm = () => {
 			<Panel
 				heading="Yrkesskader"
 				hasErrors={panelError(yrkesskaderAttributt)}
+				// @ts-ignore
 				iconType="sykdom"
 				startOpen={erForsteEllerTest(formMethods.getValues(), [yrkesskaderAttributt])}
+				// @ts-ignore
 				informasjonstekst={hjelpetekst}
 			>
 				<>
@@ -170,15 +173,13 @@ export const YrkesskaderForm = () => {
 										label="Tidstype"
 										options={Options('tidstype')}
 										size="medium"
-										onChange={(value) => handleChangeTidstype(value, path)}
+										onChange={(value: any) => handleChangeTidstype(value, path)}
 									/>
 									{formMethods.watch(`${path}.tidstype`) === 'tidspunkt' && (
 										<FormDateTimepicker
 											formMethods={formMethods}
 											name={`${path}.skadetidspunkt`}
 											label="Skadetidspunkt"
-											// date={}
-											// onChange={}
 										/>
 									)}
 									{formMethods.watch(`${path}.tidstype`) === 'periode' && (

diff --git a/...-frontend/src/main/js/src/components/fagsystem/yrkesskader/visning/YrkesskaderVisning.tsx b/...-frontend/src/main/js/src/components/fagsystem/yrkesskader/visning/YrkesskaderVisning.tsx
@@ -6,12 +6,22 @@ import { DollyFieldArray } from '@/components/ui/form/fieldArray/DollyFieldArray
 import { TitleValue } from '@/components/ui/titleValue/TitleValue'
 import { formatDateTime, showLabel, formatDate } from '@/utils/DataFormatter'
 import { useYrkesskadeKodeverk } from '@/utils/hooks/useYrkesskade'
+import {
+	YrkesskadePeriodeTypes,
+	YrkesskaderTypes,
+	YrkesskadeTypes,
+} from '@/components/fagsystem/yrkesskader/YrkesskaderTypes'
 
-export const sjekkManglerYrkesskadeData = (yrkesskadeData) => {
+type YrkesskaderVisningProps = {
+	data: YrkesskaderTypes
+	loading: boolean
+}
+
+export const sjekkManglerYrkesskadeData = (yrkesskadeData: any) => {
 	return !yrkesskadeData || yrkesskadeData?.length < 1
 }
 
-const showKodeverkLabel = (kodeverkData, value) => {
+const showKodeverkLabel = (kodeverkData: any, value: string) => {
 	if (!kodeverkData) {
 		return value
 	}
@@ -21,7 +31,7 @@ const showKodeverkLabel = (kodeverkData, value) => {
 	return kodeverkData[value]?.verdi
 }
 
-export const YrkesskaderVisning = ({ data, loading }) => {
+export const YrkesskaderVisning = ({ data, loading }: YrkesskaderVisningProps) => {
 	if (loading) {
 		return <Loading label="Laster yrkesskade-data" />
 	}
@@ -46,7 +56,7 @@ export const YrkesskaderVisning = ({ data, loading }) => {
 			) : (
 				<div className="person-visning_content">
 					<DollyFieldArray header={'Yrkesskade'} data={data}>
-						{(yrkesskade, idx) => {
+						{(yrkesskade: { data: YrkesskadeTypes }, idx: number) => {
 							return (
 								<React.Fragment key={idx}>
 									<TitleValue
@@ -84,7 +94,7 @@ export const YrkesskaderVisning = ({ data, loading }) => {
 									/>
 									{yrkesskade?.data?.perioder?.length > 0 && (
 										<DollyFieldArray header="Perioder" data={yrkesskade?.data?.perioder} nested>
-											{(periode, periodeIdx) => (
+											{(periode: YrkesskadePeriodeTypes, periodeIdx: number) => (
 												<React.Fragment key={periodeIdx}>
 													<TitleValue title="Fra dato" value={formatDate(periode?.fra)} />
 													<TitleValue title="Til dato" value={formatDate(periode?.til)} />