Skip to content

Commit

Permalink
Fiks tilgjengelighetsgreier
Browse files Browse the repository at this point in the history
  • Loading branch information
@anderslysne
anderslysne committed Dec 11, 2024
1 parent c14ab2c commit 15c47d6
Show file tree
Hide file tree
Showing 3 changed files with 80 additions and 68 deletions.
63 changes: 34 additions & 29 deletions src/Pages/OmVirksomheten/Kontaktinfo.tsx
View file
Original file line number Diff line number Diff line change
@@ -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';
Expand Down Expand Up @@ -83,34 +83,39 @@ const TittelMedHjelpetekst = ({ children }: { children: React.ReactNode }) => (
);

type KontaktinfoDetaljer = z.infer<typeof KontaktinfoDetaljer>;
const KontaktinfoListe = ({ kontaktinfo }: { kontaktinfo: KontaktinfoDetaljer }) => (
<>
{kontaktinfo.eposter.length > 0 ? (
<div>
<Label>E-post</Label>
<ul>
{kontaktinfo.eposter.map((epost) => (
<li key={epost}>
<BodyShort>{epost}</BodyShort>
</li>
))}
</ul>
</div>
) : null}
{kontaktinfo.telefonnumre.length > 0 ? (
<div>
<Label>SMS</Label>
<ul>
{kontaktinfo.telefonnumre.map((telefonnummer) => (
<li key={telefonnummer}>
<BodyShort>{telefonnummer}</BodyShort>
</li>
))}
</ul>
</div>
) : null}
</>
);
const KontaktinfoListe = ({ kontaktinfo }: { kontaktinfo: KontaktinfoDetaljer }) => {
const epostId = useId();
const smsId = useId();

return (
<>
{kontaktinfo.eposter.length > 0 ? (
<div>
<Label htmlFor={epostId}>E-post</Label>
<ul id={epostId}>
{kontaktinfo.eposter.map((epost) => (
<li key={epost}>
<BodyShort>{epost}</BodyShort>
</li>
))}
</ul>
</div>
) : null}
{kontaktinfo.telefonnumre.length > 0 ? (
<div>
<Label htmlFor={smsId}>SMS</Label>
<ul id={smsId}>
{kontaktinfo.telefonnumre.map((telefonnummer) => (
<li key={telefonnummer}>
<BodyShort>{telefonnummer}</BodyShort>
</li>
))}
</ul>
</div>
) : null}
</>
);
};

export const KontaktinfoUnderenhet = () => {
const kontaktinfo = useKontaktinfo()?.underenhet ?? null;
Expand Down
28 changes: 14 additions & 14 deletions src/Pages/OmVirksomheten/OverordnetEnhet.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,22 +21,22 @@ const OverordnetEnhet = ({ overordnetenhet }: Props) => {
return (
<div>
<Tekstboks className="overordnetenhet-navn">
<Label>{enhetstype}</Label>
<Heading size="medium" level="2" className="overordnet-enhet-info__navn">
<Label htmlFor={"overordnetenhet_navn_felt"}>{enhetstype}</Label>
<Heading id={"overordnetenhet_navn_felt"} size="medium" level="2" className="overordnet-enhet-info__navn">
<JuridiskEnhetIkon aria-hidden="true" title="juridisk enhet" />
{overordnetenhet.navn}
</Heading>
</Tekstboks>

<div className="overordnet-enhet-info__container">
<Tekstboks className="overordnetenhet-orgnr">
<Label>Organisasjonsnummer</Label>
<BodyShort> {formatOrgNr(overordnetenhet.organisasjonsnummer)}</BodyShort>
<Label htmlFor={"overordnetenhet_organisasjonsnummer_felt"}>Organisasjonsnummer</Label>
<BodyShort id={"overordnetenhet_organisasjonsnummer_felt"}> {formatOrgNr(overordnetenhet.organisasjonsnummer)}</BodyShort>
</Tekstboks>

<Tekstboks className="overordnetenhet-orgform">
<Label>Organisasjonsform</Label>
<BodyShort>
<Label htmlFor={"overordnetenhet_organisasjonsform_felt"}>Organisasjonsform</Label>
<BodyShort id={"overordnetenhet_organisasjonsform_felt"}>
{' '}
{overordnetenhet.organisasjonsform
? overordnetenhet.organisasjonsform.beskrivelse
Expand All @@ -45,8 +45,8 @@ const OverordnetEnhet = ({ overordnetenhet }: Props) => {
</Tekstboks>

<Tekstboks className="overordnetenhet-adresse1">
<Label>Forretningsadresse</Label>
<BodyShort>
<Label htmlFor={"overordnetenhet_forretningsadresse_felt"}>Forretningsadresse</Label>
<BodyShort id={"overordnetenhet_forretningsadresse_felt"}>
{' '}
{forretningsadresse ? forretningsadresse.adresse?.[0] : ''}
</BodyShort>
Expand All @@ -56,17 +56,17 @@ const OverordnetEnhet = ({ overordnetenhet }: Props) => {
</Tekstboks>

<Tekstboks className="overordnetenhet-adresse2">
<Label>Postadresse</Label>
<BodyShort> {postadresse?.adresse?.[0] ?? ''} </BodyShort>
<Label htmlFor={"overordnetenhet_postadresse_felt"}>Postadresse</Label>
<BodyShort id={"overordnetenhet_postadresse_felt"}> {postadresse?.adresse?.[0] ?? ''} </BodyShort>
<BodyShort>
{postadresse?.postnummer ?? ''} {postadresse?.poststed ?? ''}
</BodyShort>
</Tekstboks>
</div>

<Tekstboks className="overordnetenhet-kode">
<Label>Næringskoder</Label>
<BodyShort>
<Label htmlFor={"overordnetenhet_næringskoder_felt"}>Næringskoder</Label>
<BodyShort id={"overordnetenhet_næringskoder_felt"}>
{overordnetenhet.naeringskode1
? `${overordnetenhet.naeringskode1.kode}. ${overordnetenhet.naeringskode1.beskrivelse}`
: ''}
Expand All @@ -75,8 +75,8 @@ const OverordnetEnhet = ({ overordnetenhet }: Props) => {

{(overordnetenhet.hjemmeside ?? '') !== '' && (
<Tekstboks className="overordnetenhet-hjemmeside">
<Label>Hjemmeside</Label>
<BodyShort>{overordnetenhet.hjemmeside}</BodyShort>
<Label htmlFor={"overordnetenhet_hjemmeside_felt"}>Hjemmeside</Label>
<BodyShort id={"overordnetenhet_hjemmeside_felt"}>{overordnetenhet.hjemmeside}</BodyShort>
</Tekstboks>
)}
<Tekstboks>
Expand Down
57 changes: 32 additions & 25 deletions src/Pages/OmVirksomheten/Underenhet.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,46 +16,53 @@ interface Props {

const Underenhet = ({ underenhet }: Props) => {
const adresse = underenhet?.beliggenhetsadresse;

return (
<>
<Tekstboks className="underenhet-navn">
<Label>Underenhet</Label>
<Heading size="medium" level="2" className="underenhet-info__navn">
<Label htmlFor={"underenhet_navn_felt"}>Underenhet</Label>
<Heading id={"underenhet_navn_felt"} size="medium" level="2" className="underenhet-info__navn">
<UnderenhetIkon aria-hidden="true" title="underenhet" />
{underenhet.navn}
</Heading>
</Tekstboks>

<Tekstboks>
<Label>Organisasjonsnummer</Label>
<BodyShort>{formatOrgNr(underenhet.organisasjonsnummer)}</BodyShort>
<Label htmlFor={'underenhet_organisasjonsnummer_felt'}>Organisasjonsnummer</Label>
<BodyShort id={'underenhet_organisasjonsnummer_felt'}>
{formatOrgNr(underenhet.organisasjonsnummer)}
</BodyShort>
</Tekstboks>

<Tekstboks className="underenhet-adresse">
<Label>Beliggenhetsadresse</Label>
<BodyShort>{adresse?.adresse?.[0] ?? ''}</BodyShort>
<BodyShort>
{adresse?.postnummer ?? ''} {adresse?.poststed ?? ''}
</BodyShort>
<Label htmlFor={'underenhet_adresse_felt'}>Beliggenhetsadresse</Label>
<div id={'underenhet_adresse_felt'}>
<BodyShort>{adresse?.adresse?.[0] ?? ''}</BodyShort>
<BodyShort>
{adresse?.postnummer ?? ''} {adresse?.poststed ?? ''}
</BodyShort>
</div>
</Tekstboks>

<Tekstboks className="underenhet-kode">
<Label>Næringskoder</Label>
<BodyShort>
{underenhet.naeringskode1
? `${underenhet.naeringskode1.kode}. ${underenhet.naeringskode1.beskrivelse}`
: ''}
</BodyShort>
<BodyShort>
{underenhet.naeringskode2
? `${underenhet.naeringskode2.kode}. ${underenhet.naeringskode2.beskrivelse}`
: ''}
</BodyShort>
<BodyShort>
{underenhet.naeringskode3
? `${underenhet.naeringskode3.kode}. ${underenhet.naeringskode3.beskrivelse}`
: ''}
</BodyShort>
<Label htmlFor={'underenhet_næringskoder_felt'}>Næringskoder</Label>
<div id="underenhet_næringskoder_felt">
<BodyShort>
{underenhet.naeringskode1
? `${underenhet.naeringskode1.kode}. ${underenhet.naeringskode1.beskrivelse}`
: ''}
</BodyShort>
<BodyShort>
{underenhet.naeringskode2
? `${underenhet.naeringskode2.kode}. ${underenhet.naeringskode2.beskrivelse}`
: ''}
</BodyShort>
<BodyShort>
{underenhet.naeringskode3
? `${underenhet.naeringskode3.kode}. ${underenhet.naeringskode3.beskrivelse}`
: ''}
</BodyShort>
</div>
</Tekstboks>
<Tekstboks>
<LenkeMedLogging
Expand Down

0 comments on commit 15c47d6

Please sign in to comment.