diff --git a/src/Pages/OmVirksomheten/Kontaktinfo.tsx b/src/Pages/OmVirksomheten/Kontaktinfo.tsx index 257dc90a5..9cdb3e7ef 100644 --- a/src/Pages/OmVirksomheten/Kontaktinfo.tsx +++ b/src/Pages/OmVirksomheten/Kontaktinfo.tsx @@ -1,5 +1,5 @@ import { z } from 'zod'; -import { useContext, useState } from 'react'; +import { useContext, useId, useState } from 'react'; import useSWR from 'swr'; import { Alert, BodyShort, Heading, HelpText, Label } from '@navikt/ds-react'; import { LenkeMedLogging } from '../../GeneriskeElementer/LenkeMedLogging'; @@ -83,34 +83,39 @@ const TittelMedHjelpetekst = ({ children }: { children: React.ReactNode }) => ( ); type KontaktinfoDetaljer = z.infer; -const KontaktinfoListe = ({ kontaktinfo }: { kontaktinfo: KontaktinfoDetaljer }) => ( - <> - {kontaktinfo.eposter.length > 0 ? ( -
- - -
- ) : null} - {kontaktinfo.telefonnumre.length > 0 ? ( -
- - -
- ) : null} - -); +const KontaktinfoListe = ({ kontaktinfo }: { kontaktinfo: KontaktinfoDetaljer }) => { + const epostId = useId(); + const smsId = useId(); + + return ( + <> + {kontaktinfo.eposter.length > 0 ? ( +
+ + +
+ ) : null} + {kontaktinfo.telefonnumre.length > 0 ? ( +
+ + +
+ ) : null} + + ); +}; export const KontaktinfoUnderenhet = () => { const kontaktinfo = useKontaktinfo()?.underenhet ?? null; diff --git a/src/Pages/OmVirksomheten/OverordnetEnhet.tsx b/src/Pages/OmVirksomheten/OverordnetEnhet.tsx index 94683b5ff..534555aa2 100644 --- a/src/Pages/OmVirksomheten/OverordnetEnhet.tsx +++ b/src/Pages/OmVirksomheten/OverordnetEnhet.tsx @@ -21,8 +21,8 @@ const OverordnetEnhet = ({ overordnetenhet }: Props) => { return (
- - + + @@ -30,13 +30,13 @@ const OverordnetEnhet = ({ overordnetenhet }: Props) => {
- - {formatOrgNr(overordnetenhet.organisasjonsnummer)} + + {formatOrgNr(overordnetenhet.organisasjonsnummer)} - - + + {' '} {overordnetenhet.organisasjonsform ? overordnetenhet.organisasjonsform.beskrivelse @@ -45,8 +45,8 @@ const OverordnetEnhet = ({ overordnetenhet }: Props) => { - - + + {' '} {forretningsadresse ? forretningsadresse.adresse?.[0] : ''} @@ -56,8 +56,8 @@ const OverordnetEnhet = ({ overordnetenhet }: Props) => { - - {postadresse?.adresse?.[0] ?? ''} + + {postadresse?.adresse?.[0] ?? ''} {postadresse?.postnummer ?? ''} {postadresse?.poststed ?? ''} @@ -65,8 +65,8 @@ const OverordnetEnhet = ({ overordnetenhet }: Props) => {
- - + + {overordnetenhet.naeringskode1 ? `${overordnetenhet.naeringskode1.kode}. ${overordnetenhet.naeringskode1.beskrivelse}` : ''} @@ -75,8 +75,8 @@ const OverordnetEnhet = ({ overordnetenhet }: Props) => { {(overordnetenhet.hjemmeside ?? '') !== '' && ( - - {overordnetenhet.hjemmeside} + + {overordnetenhet.hjemmeside} )} diff --git a/src/Pages/OmVirksomheten/Underenhet.tsx b/src/Pages/OmVirksomheten/Underenhet.tsx index c4168e9f5..5148f2e41 100644 --- a/src/Pages/OmVirksomheten/Underenhet.tsx +++ b/src/Pages/OmVirksomheten/Underenhet.tsx @@ -16,46 +16,53 @@ interface Props { const Underenhet = ({ underenhet }: Props) => { const adresse = underenhet?.beliggenhetsadresse; + return ( <> - - + + - - {formatOrgNr(underenhet.organisasjonsnummer)} + + + {formatOrgNr(underenhet.organisasjonsnummer)} + - - {adresse?.adresse?.[0] ?? ''} - - {adresse?.postnummer ?? ''} {adresse?.poststed ?? ''} - + +
+ {adresse?.adresse?.[0] ?? ''} + + {adresse?.postnummer ?? ''} {adresse?.poststed ?? ''} + +
- - - {underenhet.naeringskode1 - ? `${underenhet.naeringskode1.kode}. ${underenhet.naeringskode1.beskrivelse}` - : ''} - - - {underenhet.naeringskode2 - ? `${underenhet.naeringskode2.kode}. ${underenhet.naeringskode2.beskrivelse}` - : ''} - - - {underenhet.naeringskode3 - ? `${underenhet.naeringskode3.kode}. ${underenhet.naeringskode3.beskrivelse}` - : ''} - + +
+ + {underenhet.naeringskode1 + ? `${underenhet.naeringskode1.kode}. ${underenhet.naeringskode1.beskrivelse}` + : ''} + + + {underenhet.naeringskode2 + ? `${underenhet.naeringskode2.kode}. ${underenhet.naeringskode2.beskrivelse}` + : ''} + + + {underenhet.naeringskode3 + ? `${underenhet.naeringskode3.kode}. ${underenhet.naeringskode3.beskrivelse}` + : ''} + +