Viser dash om epost er null

navikt · Sep 10, 2021 · f5979fb · f5979fb
1 parent 3e48a63
commit f5979fb
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 11 deletions.
diff --git a/src/components/paneler/innhold/personaliaV2/epost.tsx b/src/components/paneler/innhold/personaliaV2/epost.tsx
@@ -4,18 +4,27 @@ import { isNullOrUndefined } from '../../../../utils';
 import Informasjonsbolk from '../../../felles/informasjonsbolk';
 import {PersonaliaEpost} from "../../../../rest/datatyper/personaliav2";
 import {hentKilde} from "../../../../utils/konstanter";
+import EMDASH from "../../../../utils/emdash";
 
 function Epost(props: { epost: PersonaliaEpost }) {
-    if (isNullOrUndefined(props.epost)) {
-        return null;
-    }
-
     const { epost, ...rest } = props;
 
+    if (isNullOrUndefined(props.epost.epostAdresse)) {
+        return (
+            <Informasjonsbolk header="Epost" {...rest}>
+                {EMDASH}
+            </Informasjonsbolk>
+        );
+    }
+
     return (
         <Informasjonsbolk header="Epost" {...rest} className="break-all">
             <Normaltekst>{epost.epostAdresse}</Normaltekst>
-            <Undertekst color='#645f5a'>Registrert {epost.epostSistOppdatert && epost.epostSistOppdatert} <span>{`av ${hentKilde(epost.master)}`}</span> </Undertekst>
+            {epost.epostAdresse &&
+                <Undertekst color='#645f5a'>
+                    <span>Registrert {epost.epostSistOppdatert && epost.epostSistOppdatert}{` av ${hentKilde(epost.master)}`}</span>
+                </Undertekst>
+            }
         </Informasjonsbolk>
     );
 }

diff --git a/src/components/paneler/innhold/personaliaV2/sivilstand.tsx b/src/components/paneler/innhold/personaliaV2/sivilstand.tsx
@@ -3,14 +3,19 @@ import { Normaltekst } from 'nav-frontend-typografi';
 import { PersonaliaSivilstand } from '../../../../rest/datatyper/personalia';
 import { formaterDato, isNullOrUndefined } from '../../../../utils';
 import Informasjonsbolk from '../../../felles/informasjonsbolk';
+import EMDASH from "../../../../utils/emdash";
 
 function Sivilstand(props: { sivilstand: PersonaliaSivilstand }) {
+	const { sivilstand, ...rest } = props;
+
 	if (isNullOrUndefined(props.sivilstand)) {
-		return null;
+		return (
+			<Informasjonsbolk header="Sivilstand" {...rest}>
+				{EMDASH}
+			</Informasjonsbolk>
+		);
 	}
 
-	const { sivilstand, ...rest } = props;
-
 	return (
 		<Informasjonsbolk header="Sivilstand" {...rest}>
 			<Normaltekst>{sivilstand.sivilstand}</Normaltekst>

diff --git a/src/components/paneler/innhold/personaliaV2/telefon.tsx b/src/components/paneler/innhold/personaliaV2/telefon.tsx
@@ -12,7 +12,11 @@ function TelefonNrMedKilde(props: {telefon: PersonaliaTelefon}) {
 	return (
 		<div className="overinformasjon underinformasjon">
 			<Normaltekst>{telefonNr}</Normaltekst>
-			<Undertekst color='#645f5a'>Registrert {registrertDato && registrertDato} <span>{`av ${hentKilde(master)}`}</span> </Undertekst>
+			{telefonNr &&
+				<Undertekst color='#645f5a'>
+					<span>Registrert {registrertDato && registrertDato}{` av ${hentKilde(master)}`}</span>
+				</Undertekst>
+			}
 		</div>
 	);
 }

diff --git a/src/mock/api/veilarbperson.ts b/src/mock/api/veilarbperson.ts
@@ -115,7 +115,6 @@ const cvOgJobbprofil: ArenaPerson = {
 		{
 			tittel: 'blå',
 			arrangor: 'falk',
-			fraDato: '2018-10',
 			tidspunkt: '2018-10'
 		},
 		{
@@ -454,7 +453,7 @@ const personaliav2: PersonaliaV2Info = {
 			master: 'PDL'
 		}],
 	epost: {
-		epostAdresse:'tester.scrambling-script@fellesregistre.no',
+		epostAdresse:'tester.scrambling@registre.no',
 		epostSistOppdatert:'10.04.2010',
 		master:'KRR'
 	},