insurer details updated

Author: d4lek

packages/layout/src/components/cards/insurer/views/preview/preview.tsx

@@ -31,15 +31,25 @@ export const Preview: React.FC<any> = () => {
 					cfg={{ width: 5, flex: '0 0 auto', flexDirection: 'column', pl: 4 }}
 				>
 					<UnderlinedButton>{i18n.preview.buttons.four}</UnderlinedButton>
-					<Flex cfg={{ mt: 1, flexDirection: 'column', mb: 2 }}>
-						<P>Phone: {insurer.telephoneNumber}</P>
-						<P>Email: {insurer.emailAddress}</P>
+					<Flex cfg={{ my: 2, flexDirection: 'column' }}>
+						{insurer.telephoneNumber && (
+							<>
+								<H4 cfg={{ lineHeight: 3 }}>Phone</H4>
+								<P>{insurer.telephoneNumber}</P>
+							</>
+						)}
+						{insurer.emailAddress && (
+							<>
+								<H4 cfg={{ lineHeight: 3 }}>Email</H4>
+								<P>{insurer.emailAddress}</P>
+							</>
+						)}
 					</Flex>
 					<UnderlinedButton isOpen={false} onClick={() => send('EDIT_INSURER')}>
 						{i18n.preview.buttons.five}
 					</UnderlinedButton>
 					<Flex cfg={{ mt: 1, flexDirection: 'column' }}>
-						<P>Ref: {insurer.insurerCompanyReference}</P>
+						<P>{insurer.insurerCompanyReference}</P>
 					</Flex>
 				</Flex>
 			</Flex>

packages/layout/src/index.ts

@@ -6,6 +6,7 @@ export * from './components/info/info';
 export * from './components/sidebar/sidebar';
 export * from './components/cards/trustee/trustee';
 export * from './components/cards/employer/employer';
+export * from './components/cards/insurer/insurer';
 export * from './components/buttons/buttons';
 export * from './components/buttons/links';
 export * from './components/warning/warning';