Prodsette

src/components/paneler/innhold/personaliaV2/GeneralInfo.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { formateStringInUpperAndLowerCase } from '../../../../utils';
 import InformasjonsbolkEnkel from '../../../felles/informasjonsbolk-enkel';
 import TilrettelagtKommunikasjon from './tilrettelagtKommunikasjon';
 import { fetchSpraakTolk } from '../../../../rest/api';
@@ -10,8 +9,9 @@ import { hentMalform } from '../../../../utils/konstanter';
 import { isResolved, usePromise } from '../../../../utils/use-promise';
 import { AxiosResponse } from 'axios';
 import { TilrettelagtKommunikasjonData } from '../../../../rest/datatyper/tilrettelagtKommunikasjon';
+import StatsborgerskapInfo from './statsborgerskapinfo';
 
-function GeneralInfo(props: { kontonummer: string; statsborgerskap: string; malform: StringOrNothing }) {
+function GeneralInfo(props: { kontonummer: string; statsborgerskap: string[] | string; malform: StringOrNothing }) {
 	const { kontonummer, statsborgerskap, malform, ...rest } = props;
 	const { fnr } = useAppStore();
 	const tilrettelagtKommunikasjon = usePromise<AxiosResponse<TilrettelagtKommunikasjonData>>(() =>
@@ -21,11 +21,7 @@ function GeneralInfo(props: { kontonummer: string; statsborgerskap: string; malf
 	return (
 		<div {...rest}>
 			<Kontonummer kontonummer={kontonummer} />
-			<InformasjonsbolkEnkel
-				header="Statsborgerskap"
-				value={formateStringInUpperAndLowerCase(statsborgerskap)}
-				childclassname="innrykk"
-			/>
+			<StatsborgerskapInfo stasborgerskapData={props.statsborgerskap} />
 			{isResolved(tilrettelagtKommunikasjon) && (
 				<TilrettelagtKommunikasjon tilrettelagtKommunikasjon={tilrettelagtKommunikasjon.result.data} />
 			)}

src/components/paneler/innhold/personaliaV2/statsborgerskapinfo.tsx

@@ -0,0 +1,28 @@
+import { isArray, isString } from '@craco/craco/dist/lib/utils';
+import InformasjonsbolkListe from '../../../felles/informasjonsbolk-liste';
+import { formateStringInUpperAndLowerCase } from '../../../../utils';
+import InformasjonsbolkEnkel from '../../../felles/informasjonsbolk-enkel';
+import React from 'react';
+
+function StatsborgerskapInfo(props: { stasborgerskapData: string[] | string }) {
+	const headerVerdi = 'Statsborgerskap';
+	const statsborgerskapList = (statsborgerskapListData: string[]) =>
+		statsborgerskapListData.map(statsborgerskap => formateStringInUpperAndLowerCase(statsborgerskap));
+
+	return (
+		<div>
+			{isArray(props.stasborgerskapData) && (
+				<InformasjonsbolkListe header={headerVerdi} list={statsborgerskapList(props.stasborgerskapData)} />
+			)}
+			{isString(props.stasborgerskapData) && (
+				<InformasjonsbolkEnkel
+					header={headerVerdi}
+					value={formateStringInUpperAndLowerCase(props.stasborgerskapData)}
+					childclassname="innrykk"
+				/>
+			)}
+		</div>
+	);
+}
+
+export default StatsborgerskapInfo;

src/mock/api/veilarbperson.ts

@@ -350,7 +350,7 @@ const personaliav2: PersonaliaV2Info = {
 		epostSistOppdatert: '10.04.2010',
 		master: 'KRR'
 	},
-	statsborgerskap: 'NORGE',
+	statsborgerskap: ['NORGE', 'POLEN'],
 	partner: {
 		gradering: Gradering.STRENGT_FORTROLIG_UTLAND,
 		erEgenAnsatt: true,

src/rest/datatyper/personaliav2.ts

@@ -159,7 +159,7 @@ export interface PersonaliaV2Info extends GrunnPersonalia {
 	geografiskEnhet: OrNothing<Enhet>;
 	telefon: PersonaliaTelefon[];
 	epost: OrNothing<PersonaliaEpost>;
-	statsborgerskap: string;
+	statsborgerskap: string[] | string;
 	partner?: PersonaliaPartner;
 	sivilstandliste?: PersonaliaSivilstandNy[];
 	bostedsadresse: OrNothing<Bostedsadresse>;