From 69e3f66240cf38c50691e6fa498c22949ab030c2 Mon Sep 17 00:00:00 2001
From: ebelegu <89395215+ebelegu@users.noreply.github.com>
Date: Mon, 16 Dec 2024 15:49:08 +0100
Subject: [PATCH 01/12] =?UTF-8?q?Fikser=20uu=20ved=20=C3=A5=20fjerne=20un?=
 =?UTF-8?q?=C3=B8dvendige=20lag=20og=20linker=20Labels?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Saksoversikt/Saksfilter/Saksfilter.tsx    | 74 +++++++++++--------
 .../Virksomhetsmeny/HovedenhetCheckbox.css    |  6 --
 .../Virksomhetsmeny/HovedenhetCheckbox.tsx    | 32 ++++----
 .../Virksomhetsmeny/UnderenhetCheckboks.tsx   |  7 +-
 .../Virksomhetsmeny/Virksomhetsmeny.tsx       |  6 +-
 5 files changed, 63 insertions(+), 62 deletions(-)
 delete mode 100644 src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/HovedenhetCheckbox.css

diff --git a/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx b/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
index 8a5767bd8..260b444e2 100644
--- a/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
+++ b/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
@@ -6,7 +6,12 @@ import { Filter } from '../useOversiktStateTransitions';
 import { Ekspanderbartpanel } from '../../../GeneriskeElementer/Ekspanderbartpanel';
 import { BodyShort, Checkbox, CheckboxGroup, Heading, Label } from '@navikt/ds-react';
 import { Filter as FilterIkon } from '@navikt/ds-icons';
-import { OppgaveTilstand, OppgaveTilstandInfo, Sakstype, SakstypeOverordnet } from '../../../api/graphql-types';
+import {
+    OppgaveTilstand,
+    OppgaveTilstandInfo,
+    Sakstype,
+    SakstypeOverordnet,
+} from '../../../api/graphql-types';
 import { capitalize, sorted, splittListe } from '../../../utils/util';
 import { Set } from 'immutable';
 import { OrganisasjonerOgTilgangerContext } from '../../OrganisasjonerOgTilgangerProvider';
@@ -45,7 +50,7 @@ const KollapsHvisMobil: FC<KollapsHvisMobilProps> = ({
 }: KollapsHvisMobilProps) => {
     if (width < 730) {
         return (
-            <Ekspanderbartpanel tittel="Filtrering" ikon={<FilterIkon />}>
+            <Ekspanderbartpanel tittel="Filtrering" ikon={<FilterIkon aria-hidden="true" />}>
                 {children}
             </Ekspanderbartpanel>
         );
@@ -82,10 +87,12 @@ function sakstyperMedAntall(
                       ?.antall ?? 0,
     }));
 
-    const [sakstyperMedInntektsmeldingSykepenger, sakstyperUtenInntektsmeldingSykepenger] = splittListe(
-        sakstyperForFilter,
-        (filter) => filter.navn === 'Inntektsmelding' || filter.navn === 'Inntektsmelding sykepenger'
-    );
+    const [sakstyperMedInntektsmeldingSykepenger, sakstyperUtenInntektsmeldingSykepenger] =
+        splittListe(
+            sakstyperForFilter,
+            (filter) =>
+                filter.navn === 'Inntektsmelding' || filter.navn === 'Inntektsmelding sykepenger'
+        );
 
     const antallInntektsmeldingSykepenger = sakstyperForFilter
         .filter(({ navn }) => navn === 'Inntektsmelding' || navn === 'Inntektsmelding sykepenger')
@@ -120,7 +127,6 @@ const InntektsmeldingGruppe = (
         navn.includes('Inntektsmelding')
     );
 
-
     if (inntektsmeldingAlleValgtAvBruker) {
         valgteInntektsmeldingtyper = ['Inntektsmelding_gruppe'];
     } else if (andreInntektsmeldingerValgt) {
@@ -231,7 +237,10 @@ export const Saksfilter = ({
 
     const sakstyperForFilter = sakstyperMedAntall(alleSakstyper, sakstypeinfo);
 
-    const [inntektsmeldingSakstyper, sakstyperUtenInntektsmelding] = splittListe(sakstyperForFilter, (filter) => filter.navn.includes('Inntektsmelding'));
+    const [inntektsmeldingSakstyper, sakstyperUtenInntektsmelding] = splittListe(
+        sakstyperForFilter,
+        (filter) => filter.navn.includes('Inntektsmelding')
+    );
 
     const sakstyper = [
         ...sakstyperUtenInntektsmelding,
@@ -303,12 +312,11 @@ export const Saksfilter = ({
                     </CheckboxGroup>
                 )}
 
-                <CheckboxGroup legend="Virksomheter" className="saksfilter_virksomhetsmeny">
-                    <Virksomhetsmeny
-                        valgteEnheter={valgteVirksomheter}
-                        setValgteEnheter={setValgteVirksomheter}
-                    />
-                </CheckboxGroup>
+                <Virksomhetsmeny
+                    valgteEnheter={valgteVirksomheter}
+                    setValgteEnheter={setValgteVirksomheter}
+                />
+
                 <OpprettInntektsmelding />
             </div>
         </KollapsHvisMobil>
@@ -333,23 +341,29 @@ const OpprettInntektsmelding = () => {
     }, []);
 
     if (tilgangInntektsmelding) {
-        return <div
-            ref={ref}
-            style={{
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '4px',
-                paddingBottom: '32px',
-            }}
-        >
-            <Label children="Opprett inntektsmelding manuelt" />
-            <LenkeMedLogging
-                loggLenketekst={'Opprett inntektsmelding manuelt'}
-                href={opprettInntektsmeldingURL}
+        return (
+            <div
+                ref={ref}
+                style={{
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '4px',
+                    paddingBottom: '32px',
+                }}
             >
-                Opprett inntektsmelding for sykepenger
-            </LenkeMedLogging>
-        </div>
+                <Label
+                    htmlFor="opprett-inntektsmelding-lenke-id"
+                    children="Opprett inntektsmelding manuelt"
+                />
+                <LenkeMedLogging
+                    id="opprett-inntektsmelding-lenke-id"
+                    loggLenketekst={'Opprett inntektsmelding manuelt'}
+                    href={opprettInntektsmeldingURL}
+                >
+                    Opprett inntektsmelding for sykepenger
+                </LenkeMedLogging>
+            </div>
+        );
     } else {
         return null;
     }
diff --git a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/HovedenhetCheckbox.css b/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/HovedenhetCheckbox.css
deleted file mode 100644
index 626810c7f..000000000
--- a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/HovedenhetCheckbox.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.hovedenhet {
-    display: flex;
-    justify-content: flex-start;
-    gap: 16px;
-    align-items: flex-start;
-}
\ No newline at end of file
diff --git a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/HovedenhetCheckbox.tsx b/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/HovedenhetCheckbox.tsx
index c6082b1d2..5b973fd12 100644
--- a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/HovedenhetCheckbox.tsx
+++ b/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/HovedenhetCheckbox.tsx
@@ -1,6 +1,5 @@
 import { BodyShort, Checkbox } from '@navikt/ds-react';
 import React from 'react';
-import './HovedenhetCheckbox.css';
 import { Set } from 'immutable';
 import { Organisasjon } from '../../../../altinn/organisasjon';
 import { amplitudeFilterKlikk } from '../Saksfilter';
@@ -14,22 +13,19 @@ export const HovedenhetCheckbox = ({ hovedenhet, valgteOrgnr }: HovedenhetCheckb
     const valgt = valgteOrgnr.has(hovedenhet.OrganizationNumber);
 
     return (
-        <div role="button" aria-expanded={valgt}>
-            <div className="hovedenhet">
-                <Checkbox
-                    size="small"
-                    value={hovedenhet.OrganizationNumber}
-                    id={`${hovedenhet.OrganizationNumber}_Virksomhetsmeny_checkbox`}
-                    key={`${hovedenhet.OrganizationNumber}_Virksomhetsmeny_list_key`}
-                    style={{ display: 'flex', alignItems: 'center' }}
-                    description={`Org.nr. ${hovedenhet.OrganizationNumber}`}
-                    onClick={(e) => amplitudeFilterKlikk('organisasjon', 'hovedenhet', e.target)}
-                >
-                    <BodyShort size="medium" as="span">
-                        {hovedenhet.Name}
-                    </BodyShort>
-                </Checkbox>
-            </div>
-        </div>
+        <Checkbox
+            aria-expanded={valgt}
+            size="small"
+            value={hovedenhet.OrganizationNumber}
+            id={`${hovedenhet.OrganizationNumber}_Virksomhetsmeny_checkbox`}
+            key={`${hovedenhet.OrganizationNumber}_Virksomhetsmeny_list_key`}
+            style={{ display: 'flex', alignItems: 'center' }}
+            description={`Org.nr. ${hovedenhet.OrganizationNumber}`}
+            onClick={(e) => amplitudeFilterKlikk('organisasjon', 'hovedenhet', e.target)}
+        >
+            <BodyShort size="medium" as="span">
+                {hovedenhet.Name}
+            </BodyShort>
+        </Checkbox>
     );
 };
diff --git a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/UnderenhetCheckboks.tsx b/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/UnderenhetCheckboks.tsx
index 3a57278e1..301f27fc5 100644
--- a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/UnderenhetCheckboks.tsx
+++ b/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/UnderenhetCheckboks.tsx
@@ -11,11 +11,6 @@ type UnderenhetCheckboksProps = {
 
 export const UnderenhetCheckboks = ({ underenhet, valgteOrgnr }: UnderenhetCheckboksProps) => {
     return (
-        <div
-            className="sak_virksomhetsmeny_underenhet"
-            role="menuitemcheckbox"
-            aria-checked={valgteOrgnr.has(underenhet.OrganizationNumber)}
-        >
             <Checkbox
                 value={underenhet.OrganizationNumber}
                 size="small"
@@ -29,6 +24,6 @@ export const UnderenhetCheckboks = ({ underenhet, valgteOrgnr }: UnderenhetCheck
                     {underenhet.Name}{' '}
                 </BodyShort>
             </Checkbox>
-        </div>
+
     );
 };
diff --git a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx b/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx
index 7f96c0ae9..933fcb172 100644
--- a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx
+++ b/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx
@@ -1,5 +1,5 @@
 import React, { forwardRef, ReactNode, useContext, useMemo, useState } from 'react';
-import { CheckboxGroup, Search } from '@navikt/ds-react';
+import { CheckboxGroup, Label, Search } from '@navikt/ds-react';
 import './Virksomhetsmeny.css';
 import { UnderenhetCheckboks } from './UnderenhetCheckboks';
 import { HovedenhetCheckbox } from './HovedenhetCheckbox';
@@ -116,8 +116,10 @@ export const Virksomhetsmeny = ({
 
     return (
         <>
+            <Label htmlFor="virksomheter_checkbox_group_id"> Virksomheter </Label>
             <Søkeboks onChange={onSearchChange} />
             <CheckboxGroup
+                id="virksomheter_checkbox_group_id"
                 legend="Velg virksomheter"
                 hideLegend
                 value={valgteEnheter.toArray()}
@@ -153,7 +155,7 @@ export const Virksomhetsmeny = ({
                                             }
 
                                             return [
-                                                <li key={underenhet.OrganizationNumber}>
+                                                <li key={underenhet.OrganizationNumber} className="sak_virksomhetsmeny_underenhet">
                                                     <UnderenhetCheckboks
                                                         valgteOrgnr={valgteEnheter}
                                                         underenhet={underenhet}

From 70e33484442c588beae837391c98f4f71bf46ba4 Mon Sep 17 00:00:00 2001
From: "Anders.Vik.Lysne" <anders.vik.lysne@nav.no>
Date: Mon, 16 Dec 2024 19:26:31 +0100
Subject: [PATCH 02/12] =?UTF-8?q?Rett=20opp=20i=20aria-labels=20p=C3=A5=20?=
 =?UTF-8?q?Tjenestebokser?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Arbeidsforhold/Arbeidsforhold.tsx         |  2 +-
 .../Arbeidsplassen/Arbeidsplassen.tsx         |  4 +-
 .../ForebyggeFrav\303\246r.tsx"               | 53 +++++++++----------
 .../Kandidatlister/Kandidatlister.tsx         |  2 +-
 .../Tjenestebokser/Sykmeldte/Sykmeldte.tsx    |  2 +-
 .../TiltakAvtaler/TiltakAvtaler.tsx           | 11 ++--
 .../TiltakRefusjoner/TiltakRefusjoner.tsx     |  7 ++-
 7 files changed, 42 insertions(+), 39 deletions(-)

diff --git a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx
index d1a894f9b..a769206e9 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx
@@ -19,7 +19,7 @@ const Arbeidsforhold = () => {
             ikon={arbeidsforholdikon}
             href={href}
             tittel="Arbeidsforhold"
-            aria-label="Arbeidsforhold. Se arbeidsforhold rapportert til Arbeidsgiver- og arbeidstakerregisteret (Aa-registeret)"
+            aria-label={`Arbeidsforhold, ${antallArbeidsforhold > 0 ? antallArbeidsforhold : 'Ingen'} arbeidsforhold (aktive og avsluttede). Se arbeidsforhold rapportert til Arbeidsgiver- og arbeidstakerregisteret (Aa-registeret)`}
         >
             <div>
                 <span>
diff --git a/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx b/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx
index f31459cc4..34326fa5a 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx
@@ -20,8 +20,8 @@ const Arbeidsplassen = () => {
             aria-label={
                 'Rekruttere på arbeidsplassen.no, ' +
                 (antallAnnonser > 0
-                    ? `Stillingsannonser ( ${antallAnnonser} aktive)`
-                    : 'Lag ny stillingsannonse')
+                    ? `${antallAnnonser} Stillingsannonser aktive`
+                    : 'Lag en stillingsannonse')
             }
         >
             {antallAnnonser > 0 ? (
diff --git "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx" "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx"
index f8d3875d5..0ef729856 100644
--- "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx"
+++ "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx"
@@ -14,21 +14,7 @@ const ForebyggeFravR = () => {
         return orgnr === '' ? '' : `?bedrift=${orgnr}`;
     };
 
-    return (
-        <Tjenesteboks
-            ikon={ForebyggeFraværIkon}
-            href={lenkeTilForebyggefravar + valgtbedrift()}
-            tittel="Forebygge fravær"
-            aria-label={beskrivelse}
-        >
-            <Beskrivelse />
-        </Tjenesteboks>
-    );
-};
-
-const beskrivelse = 'Verktøy for å forebygge fravær i din virksomhet.';
-
-const Beskrivelse = () => {
+    const sykefravær = useSykefravær();
     const statistikktype = (type: string) => {
         switch (type) {
             case 'NÆRING':
@@ -39,21 +25,30 @@ const Beskrivelse = () => {
         }
     };
 
-    const sykefravær = useSykefravær();
+    const beskrivelse = 'Verktøy for å forebygge fravær i din virksomhet.';
+    const aria_label = sykefravær !== undefined ? `${sykefravær.prosent.toString()} % legemeldt sykefravær i din ${statistikktype(sykefravær.type)}. Lag en plan for å redusere fraværet.` : beskrivelse;
 
-    if (sykefravær !== undefined) {
-        return (
-            <span>
-                <StortTall>{sykefravær.prosent.toString()} %</StortTall>
-                <>
-                    {' '}
-                    legemeldt sykefravær i din {statistikktype(sykefravær.type)}. Lag en plan for å
-                    redusere fraværet.{' '}
-                </>
-            </span>
-        );
-    }
-    return <span>{beskrivelse}</span>;
+    return (
+        <Tjenesteboks
+            ikon={ForebyggeFraværIkon}
+            href={lenkeTilForebyggefravar + valgtbedrift()}
+            tittel="Forebygge fravær"
+            aria-label={"Forebygge Fravær, " + aria_label}
+        >
+            {sykefravær !== undefined ? (
+                <span>
+                    <StortTall>{sykefravær.prosent.toString()} %</StortTall>
+                    <>
+                        {' '}
+                        legemeldt sykefravær i din {statistikktype(sykefravær.type)}. Lag en plan
+                        for å redusere fraværet.{' '}
+                    </>
+                </span>
+            ) : (
+                <span>{beskrivelse}</span>
+            )}
+        </Tjenesteboks>
+    );
 };
 
 export default ForebyggeFravR;
diff --git a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx
index 8acdc300d..eb91dda75 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx
@@ -20,7 +20,7 @@ const Kandidatlister = () => {
             ikon={ikon}
             href={href}
             tittel="Kandidater til dine stillinger"
-            aria-label="Kandidater til dine stillinger. Se CV til personer NAV har sendt deg."
+            aria-label={`Kandidater til dine stillinger (${antallKandidater} kandidater). Se CV til personer NAV har sendt deg.`}
         >
             <div className="kandidatlisteboks">
                 <span>
diff --git a/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx b/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx
index cc1c8dd29..3ef9fb7f6 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx
@@ -14,7 +14,7 @@ const Sykmeldte = () => {
             ikon={syfoikon}
             href={url}
             tittel="Sykmeldte"
-            aria-label="Se sykmeldte du har ansvar for å følge opp"
+            aria-label={`Sykemeldte, ${antallSykmeldte} ${antallSykmeldte === 1 ? 'sykmeldt' : 'sykmeldte'}. Se sykmeldte du har ansvar for å følge opp`}
         >
             {antallSykmeldte == 0 ? null : (
                 <>
diff --git a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx
index a35c8258a..336b89567 100644
--- a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx
@@ -45,15 +45,18 @@ const TiltakAvtaler = () => {
             : [];
     });
 
+    const aria_label =
+        'Avtaler om Tiltak.' +
+        displayorder.flatMap((avtaletype) => {
+            const antall = avtaler[avtaletype];
+            return antall > 0 ? ` ${antall} ${displayname[avtaletype]}` : '';
+        });
     return (
         <Tjenesteboks
             ikon={tiltakikon}
             href={tiltakUrl}
             tittel={'Avtaler om tiltak'}
-            aria-label={
-                'Tiltak. Arbeidstrening, lønnstilskudd, mentortilskudd, inkluderingstilskudd og sommerjobb. ' +
-                'De ulike tiltakene krever egne tilganger i Altinn'
-            }
+            aria-label={aria_label}
         >
             <div className={'tiltakboks'}>
                 {tallElems.length > 0 ? (
diff --git a/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx b/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx
index ee8f8287c..47d6bdc3f 100644
--- a/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx
@@ -17,12 +17,17 @@ const TiltakRefusjoner = () => {
 
     const klareForInnsending = valgtOrganisasjon.refusjonstatus['KLAR_FOR_INNSENDING'];
 
+    const aria_label = klareForInnsending === undefined ?
+        "Søk og se refusjon for lønnstilskudd og sommerjobb" :
+        `${klareForInnsending} refusjoner klare for innsending.` + " Søk og se refusjon"
+
+    console.log(aria_label)
     return (
         <Tjenesteboks
             ikon={tiltakrefusjonikon}
             href={url}
             tittel="Refusjon for lønnstilskudd og sommerjobb"
-            aria-label="Refusjon for lønnstilskudd og sommerjobb. Søk og se refusjon for lønnstilskudd og sommerjobb"
+            aria-label={"Refusjon for lønnstilskudd og sommerjobb, " + aria_label}
         >
             {klareForInnsending === undefined ? null : (
                 <>

From f7f694f3ef76eda10ca17715db5d969a441d85ea Mon Sep 17 00:00:00 2001
From: ebelegu <89395215+ebelegu@users.noreply.github.com>
Date: Tue, 17 Dec 2024 13:02:58 +0100
Subject: [PATCH 03/12] Legger til esyfo-oppgaver i demo

---
 src/mocks/brukerApi/alleNotifikasjoner.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/mocks/brukerApi/alleNotifikasjoner.ts b/src/mocks/brukerApi/alleNotifikasjoner.ts
index 48e83e6b6..9a801605e 100644
--- a/src/mocks/brukerApi/alleNotifikasjoner.ts
+++ b/src/mocks/brukerApi/alleNotifikasjoner.ts
@@ -2,6 +2,18 @@ import { KalenderavtaleTilstand, OppgaveTilstand } from '../../api/graphql-types
 import { beskjed, dateInPast, kalenderavtale, oppgave } from './helpers';
 
 export const alleNotifikasjoner = [
+    oppgave({
+        tekst: 'Du er innkalt til dialogmøte - vi trenger svaret ditt',
+        klikketPaa: false,
+        tilstand: OppgaveTilstand.Ny,
+        sakTittel: '',
+    }),
+    oppgave({
+        tekst: 'Dialogmøtet med NAV er avlyst',
+        klikketPaa: false,
+        tilstand: OppgaveTilstand.Ny,
+        sakTittel: '',
+    }),
     oppgave({
         tekst: 'Les og godkjenn avtalen for at den skal kunne tas i bruk',
         klikketPaa: false,

From bc04b74063fb670ae2218ee30c20d13e39a1a2e7 Mon Sep 17 00:00:00 2001
From: ebelegu <89395215+ebelegu@users.noreply.github.com>
Date: Tue, 17 Dec 2024 14:10:19 +0100
Subject: [PATCH 04/12] Legger til beskjed og lenke til beskjed og oppgave i
 mock

---
 src/mocks/brukerApi/alleNotifikasjoner.ts | 8 +++++++-
 src/mocks/brukerApi/helpers.ts            | 8 ++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/mocks/brukerApi/alleNotifikasjoner.ts b/src/mocks/brukerApi/alleNotifikasjoner.ts
index 9a801605e..1fafb315b 100644
--- a/src/mocks/brukerApi/alleNotifikasjoner.ts
+++ b/src/mocks/brukerApi/alleNotifikasjoner.ts
@@ -2,11 +2,17 @@ import { KalenderavtaleTilstand, OppgaveTilstand } from '../../api/graphql-types
 import { beskjed, dateInPast, kalenderavtale, oppgave } from './helpers';
 
 export const alleNotifikasjoner = [
+    beskjed({
+        tekst: "Oppfølgingsplan til godkjenning",
+        sakTittel: "",
+        klikketPaa: false,
+        lenke: "https://demo.ekstern.dev.nav.no/syk/oppfolgingsplaner/arbeidsgiver/123"
+    }),
     oppgave({
         tekst: 'Du er innkalt til dialogmøte - vi trenger svaret ditt',
         klikketPaa: false,
         tilstand: OppgaveTilstand.Ny,
-        sakTittel: '',
+        lenke: 'https://demo.ekstern.dev.nav.no/syk/dialogmoter/arbeidsgiver/123',
     }),
     oppgave({
         tekst: 'Dialogmøtet med NAV er avlyst',
diff --git a/src/mocks/brukerApi/helpers.ts b/src/mocks/brukerApi/helpers.ts
index e3110c7f6..03ef6c310 100644
--- a/src/mocks/brukerApi/helpers.ts
+++ b/src/mocks/brukerApi/helpers.ts
@@ -143,6 +143,7 @@ export const oppgave = ({
     utgaattTidspunkt,
     klikketPaa = true,
     tilleggsinformasjon,
+    lenke = `#${faker.lorem.word()}`,
 }: {
     tekst: string;
     tilstand?: OppgaveTilstand;
@@ -154,6 +155,7 @@ export const oppgave = ({
     utgaattTidspunkt?: Date;
     klikketPaa?: boolean;
     tilleggsinformasjon?: string;
+    lenke?: string;
 }): Oppgave => ({
     __typename: 'Oppgave',
     id: faker.string.uuid(),
@@ -173,7 +175,7 @@ export const oppgave = ({
         klikketPaa,
     },
 
-    lenke: `#${faker.lorem.word()}`,
+    lenke: lenke,
     merkelapp: merkelapp(),
 
     sak:
@@ -193,12 +195,14 @@ export const beskjed = ({
     opprettetTidspunkt = faker.date.recent(),
     klikketPaa = true,
     tilleggsinformasjon,
+    lenke =  `#${faker.lorem.word()}`,
 }: {
     tekst: string;
     sakTittel?: string;
     opprettetTidspunkt?: Date;
     klikketPaa?: boolean;
     tilleggsinformasjon?: string;
+    lenke?: string,
 }): Beskjed => ({
     __typename: 'Beskjed',
     id: faker.string.uuid(),
@@ -213,7 +217,7 @@ export const beskjed = ({
         klikketPaa,
     },
 
-    lenke: `#${faker.lorem.word()}`,
+    lenke: lenke,
     merkelapp: merkelapp(),
 
     sak:

From 8e3f840e43edf9bd87d08a5f2243eb9d2acd301d Mon Sep 17 00:00:00 2001
From: ebelegu <89395215+ebelegu@users.noreply.github.com>
Date: Tue, 17 Dec 2024 14:35:17 +0100
Subject: [PATCH 05/12] =?UTF-8?q?Skjuler=20kalenderavtaler=20i=20mock=20si?=
 =?UTF-8?q?den=20det=20ikke=20er=20i=20bruk=20i=20prod=20enn=C3=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mocks/brukerApi/alleKalenderavtaler.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/mocks/brukerApi/alleKalenderavtaler.ts b/src/mocks/brukerApi/alleKalenderavtaler.ts
index e33efac9d..6f15edbfd 100644
--- a/src/mocks/brukerApi/alleKalenderavtaler.ts
+++ b/src/mocks/brukerApi/alleKalenderavtaler.ts
@@ -3,7 +3,8 @@ import { fakerNB_NO as faker } from '@faker-js/faker';
 import { dateInFuture, fakeName, kalenderavtale } from './helpers';
 
 export const alleKalenderavtaler = [
-    kalenderavtale({
+    //TODO: Kommenterer ut kalenderavtaler siden ingen bruker det i prod atm
+    /*kalenderavtale({
         tekst: `Dialogmøte ${fakeName()}`,
         startTidspunkt: dateInFuture({ days: 1 }),
         sluttTidspunkt: dateInFuture({ days: 1, hours: 1 }),
@@ -49,5 +50,5 @@ export const alleKalenderavtaler = [
         avtaletilstand: KalenderavtaleTilstand.Avlyst,
         digitalt: true,
         merkelapp: 'Dialogmøte',
-    }),
+    }),*/
 ];

From e8177eaacc66dcf965058b8243365613aa58c196 Mon Sep 17 00:00:00 2001
From: ebelegu <89395215+ebelegu@users.noreply.github.com>
Date: Wed, 18 Dec 2024 08:42:56 +0100
Subject: [PATCH 06/12] Viser kalenderavtaler i demo

---
 src/mocks/brukerApi/alleKalenderavtaler.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/mocks/brukerApi/alleKalenderavtaler.ts b/src/mocks/brukerApi/alleKalenderavtaler.ts
index 6f15edbfd..e33efac9d 100644
--- a/src/mocks/brukerApi/alleKalenderavtaler.ts
+++ b/src/mocks/brukerApi/alleKalenderavtaler.ts
@@ -3,8 +3,7 @@ import { fakerNB_NO as faker } from '@faker-js/faker';
 import { dateInFuture, fakeName, kalenderavtale } from './helpers';
 
 export const alleKalenderavtaler = [
-    //TODO: Kommenterer ut kalenderavtaler siden ingen bruker det i prod atm
-    /*kalenderavtale({
+    kalenderavtale({
         tekst: `Dialogmøte ${fakeName()}`,
         startTidspunkt: dateInFuture({ days: 1 }),
         sluttTidspunkt: dateInFuture({ days: 1, hours: 1 }),
@@ -50,5 +49,5 @@ export const alleKalenderavtaler = [
         avtaletilstand: KalenderavtaleTilstand.Avlyst,
         digitalt: true,
         merkelapp: 'Dialogmøte',
-    }),*/
+    }),
 ];

From 0537db6ae1f9b98d7e50cad41ec8e62b06011372 Mon Sep 17 00:00:00 2001
From: ebelegu <89395215+ebelegu@users.noreply.github.com>
Date: Thu, 19 Dec 2024 10:48:38 +0100
Subject: [PATCH 07/12] Legger til mellomrom i buckets i amplitude

---
 src/utils/funksjonerForAmplitudeLogging.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/utils/funksjonerForAmplitudeLogging.ts b/src/utils/funksjonerForAmplitudeLogging.ts
index 5eba58037..651ea56c0 100644
--- a/src/utils/funksjonerForAmplitudeLogging.ts
+++ b/src/utils/funksjonerForAmplitudeLogging.ts
@@ -40,19 +40,19 @@ export const finnBucketForAntall = (
     if (!harRegistrertAntallAnsatte) return '0';
 
     //Hvis harRegistrertAntallAnsatte er true og antall er undefined er det 1-4 ansatte
-    if (antall === undefined) return '1-4';
+    if (antall === undefined) return '1 - 4';
 
     switch (true) {
         case antall < 20:
-            return '5-19';
+            return '5 - 19';
         case antall < 50:
-            return '20-49';
+            return '20 - 49';
         case antall < 100:
-            return '50-99';
+            return '50 - 99';
         case antall < 500:
-            return '100-499';
+            return '100 - 499';
         case antall > 500:
-            return '500>';
+            return '500 >';
         default:
             return undefined;
     }

From d7e575604f0d674d41815575768db2a33a96456d Mon Sep 17 00:00:00 2001
From: ebelegu <89395215+ebelegu@users.noreply.github.com>
Date: Thu, 19 Dec 2024 11:23:14 +0100
Subject: [PATCH 08/12] Bumper widget og bedriftsmeny

---
 package-lock.json | 16 ++++++++--------
 package.json      |  4 ++--
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a1ab30271..596a2592f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,8 +12,8 @@
         "@faker-js/faker": "8.4.1",
         "@grafana/faro-web-sdk": "1.3.6",
         "@navikt/aksel-icons": "^5.17.2",
-        "@navikt/arbeidsgiver-notifikasjon-widget": "7.2.0",
-        "@navikt/bedriftsmeny": "7.0.4",
+        "@navikt/arbeidsgiver-notifikasjon-widget": "7.2.1",
+        "@navikt/bedriftsmeny": "7.0.5",
         "@navikt/ds-css": "^6.15.0",
         "@navikt/ds-icons": "3.4.3",
         "@navikt/ds-react": "^6.15.0",
@@ -5094,9 +5094,9 @@
       "license": "MIT"
     },
     "node_modules/@navikt/arbeidsgiver-notifikasjon-widget": {
-      "version": "7.2.0",
-      "resolved": "https://npm.pkg.github.com/download/@navikt/arbeidsgiver-notifikasjon-widget/7.2.0/4a6e1d18d1a1850ea018cbe19626e9c999d3af45",
-      "integrity": "sha512-kOwJvdOX7Z7R4wgd/m4JWmdMG/H/C6pVtBQYI657HQVUOikepC0e0Uswe0ZFIS4QDjnQX7VRe9mo3LpE15gcMw==",
+      "version": "7.2.1",
+      "resolved": "https://npm.pkg.github.com/download/@navikt/arbeidsgiver-notifikasjon-widget/7.2.1/9a2bad6d7448a35c2c6a8c15239450f97b4132cf",
+      "integrity": "sha512-6jCsrkt0KPa7sw6UpSEA36tdZ9zcsD/KY3cB9tqvKmSdx5Dl/aJQTUR1+NJ5GEaBlaQHomzjm8H878KljG0egQ==",
       "dependencies": {
         "@apollo/client": "^3.10.8",
         "graphql": "^16.9.0"
@@ -5110,9 +5110,9 @@
       }
     },
     "node_modules/@navikt/bedriftsmeny": {
-      "version": "7.0.4",
-      "resolved": "https://npm.pkg.github.com/download/@navikt/bedriftsmeny/7.0.4/c67480e76df44e11026d2d969adfaa5beb5a9b09",
-      "integrity": "sha512-dYIru7bbjUkDkKPCV/6VdBfqzjS/68cESyqYgQgR3WwdKJcLQUOnIak7HldxTByTjEBks9Ad34vdfCFkwS3wCg==",
+      "version": "7.0.5",
+      "resolved": "https://npm.pkg.github.com/download/@navikt/bedriftsmeny/7.0.5/7443854b7f4c2507618edd54f68fc52c72a5f752",
+      "integrity": "sha512-yqZFHUVm7l2DBDs+/be+d6SJW550M+k4cJlAqhRadUcVveVu008H0dHH9FucupwJah6rxL1ZPqyFyxkMzmK/pw==",
       "license": "MIT",
       "dependencies": {
         "focus-trap-react": "^10.2.2",
diff --git a/package.json b/package.json
index 5840cbd02..5a194cc29 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,8 @@
     "@faker-js/faker": "8.4.1",
     "@grafana/faro-web-sdk": "1.3.6",
     "@navikt/aksel-icons": "^5.17.2",
-    "@navikt/arbeidsgiver-notifikasjon-widget": "7.2.0",
-    "@navikt/bedriftsmeny": "7.0.4",
+    "@navikt/arbeidsgiver-notifikasjon-widget": "7.2.1",
+    "@navikt/bedriftsmeny": "7.0.5",
     "@navikt/ds-css": "^6.15.0",
     "@navikt/ds-icons": "3.4.3",
     "@navikt/ds-react": "^6.15.0",

From 340d4a571cd30f4eafb2fab7b841e128afcf1ea7 Mon Sep 17 00:00:00 2001
From: Ken Gullaksen <ken.gullaksen@nav.no>
Date: Fri, 20 Dec 2024 14:57:26 +0100
Subject: [PATCH 09/12] =?UTF-8?q?fjern=20uxsignals=20fra=20=C3=A5=20kunne?=
 =?UTF-8?q?=20lastes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Pages/Hovedside/InfoBokser.tsx | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/Pages/Hovedside/InfoBokser.tsx b/src/Pages/Hovedside/InfoBokser.tsx
index b8d1a78e8..94946dc22 100644
--- a/src/Pages/Hovedside/InfoBokser.tsx
+++ b/src/Pages/Hovedside/InfoBokser.tsx
@@ -17,18 +17,6 @@ type InfoboksProps = {
 };
 
 const infobokser: Array<InfoboksProps> = [
-    {
-        id: 'uxsignals',
-        visFra: new Date('2024-11-06T00:00:00+02:00'),
-        visTil: new Date('2024-12-31T10:00:00+02:00'),
-        Component: () => {
-            const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
-            if (!valgtOrganisasjon || !valgtOrganisasjon.altinntilgang.inntektsmelding) {
-                return null;
-            }
-            return <UXSignals dataUxsignalsEmbed="panel-mwwvs1lq0" />;
-        },
-    },
     {
         id: 'ia-bookings',
         visFra: new Date('2023-11-13T10:00:00+02:00'),
@@ -109,6 +97,9 @@ export const InfoBokser = () => {
     );
 };
 
+/**
+ * fjernet bruk av denne inntil vi har kontroll på konsekvenser iht ny ekomlovgivning
+ */
 const UXSignals = ({ dataUxsignalsEmbed }: { dataUxsignalsEmbed: string }) => {
     useEffect(() => {
         const script = document.createElement('script');

From 566b83b50ba2ff8c35d09c57f069c1f8a078ed71 Mon Sep 17 00:00:00 2001
From: Ken Gullaksen <ken.gullaksen@nav.no>
Date: Fri, 20 Dec 2024 14:58:39 +0100
Subject: [PATCH 10/12] disable amplitude cookie og ip tracking

dette mht ny ekomlovgivning
---
 src/utils/amplitude.ts | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/utils/amplitude.ts b/src/utils/amplitude.ts
index 898cd336f..adc3e5f1e 100644
--- a/src/utils/amplitude.ts
+++ b/src/utils/amplitude.ts
@@ -14,13 +14,10 @@ const createAmpltiudeInstance = (): AmplitudeInstance => {
         .init(getApiKey(), undefined, {
             serverUrl: 'https://amplitude.nav.no/collect',
             useBatch: false,
-            autocapture: {
-                attribution: true,
-                fileDownloads: false,
-                formInteractions: false,
-                pageViews: true,
-                sessions: true,
-                elementInteractions: false,
+            autocapture: false,
+            identityStorage: 'localStorage',
+            trackingOptions: {
+                ipAddress: false,
             },
         })
         .promise.catch((error) => {

From 45807fbf770cf6d3bce3a286b1f88dffa06295f5 Mon Sep 17 00:00:00 2001
From: "Anders.Vik.Lysne" <anders.vik.lysne@nav.no>
Date: Fri, 27 Dec 2024 10:52:36 +0100
Subject: [PATCH 11/12] =?UTF-8?q?Legg=20til=20default-value=20handling=20p?=
 =?UTF-8?q?=C3=A5=20OrganisasjonerOgTilgangerProvider?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Pages/Banner.tsx                          |  6 +-
 .../Hovedside/BeOmTilgang/BeOmTilgang.tsx     | 10 +--
 src/Pages/Hovedside/InfoBokser.tsx            |  4 +-
 src/Pages/Hovedside/SisteSaker.tsx            |  4 +-
 src/Pages/OrganisasjonDetaljerProvider.tsx    |  6 +-
 .../OrganisasjonerOgTilgangerProvider.tsx     | 10 ++-
 src/Pages/Saksoversikt/FilterChips.tsx        |  6 +-
 .../Saksoversikt/Saksfilter/Saksfilter.tsx    | 65 +++++++++++--------
 .../Virksomhetsmeny/Virksomhetsmeny.tsx       |  6 +-
 src/Pages/Saksoversikt/Saksoversikt.tsx       |  8 +--
 src/Pages/Saksoversikt/useSaker.tsx           |  4 +-
 src/tests/A11y.test.tsx                       |  4 +-
 12 files changed, 75 insertions(+), 58 deletions(-)

diff --git a/src/Pages/Banner.tsx b/src/Pages/Banner.tsx
index 0d5e0d872..c40909216 100644
--- a/src/Pages/Banner.tsx
+++ b/src/Pages/Banner.tsx
@@ -1,8 +1,8 @@
-import React, { FunctionComponent, useContext, useEffect, useCallback } from 'react';
+import React, { FunctionComponent, useCallback, useContext, useEffect } from 'react';
 import Bedriftsmeny from '@navikt/bedriftsmeny';
 import '@navikt/bedriftsmeny/lib/bedriftsmeny.css';
 import { OrganisasjonsDetaljerContext } from './OrganisasjonDetaljerProvider';
-import { OrganisasjonerOgTilgangerContext } from './OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from './OrganisasjonerOgTilgangerProvider';
 import * as Record from '../utils/Record';
 import { NotifikasjonWidget } from '@navikt/arbeidsgiver-notifikasjon-widget';
 import { useSearchParams } from 'react-router-dom';
@@ -32,7 +32,7 @@ export const SaksoversiktBanner = () => (
 );
 
 export const BannerMedBedriftsmeny: FunctionComponent<OwnProps> = ({ sidetittel }) => {
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const { endreOrganisasjon, valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
 
     const [params, setParams] = useSearchParams();
diff --git a/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx b/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
index f61105d94..f30c4b108 100644
--- a/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
+++ b/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
@@ -1,16 +1,12 @@
 import React, { FC, FunctionComponent, MouseEventHandler, useContext } from 'react';
 import { Ekspanderbartpanel } from '../../../GeneriskeElementer/Ekspanderbartpanel';
 import {
-    OrganisasjonerOgTilgangerContext,
     OrganisasjonInfo,
+    useOrganisasjonerOgTilgangerContext,
 } from '../../OrganisasjonerOgTilgangerProvider';
 import { OrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
 import Organisasjonsbeskrivelse from './Organisasjonsbeskrivelse';
-import {
-    AltinntilgangAlleredeSøkt,
-    BeOmTilgangBoks,
-    BeOmSyfotilgang,
-} from './TjenesteInfo';
+import { AltinntilgangAlleredeSøkt, BeOmSyfotilgang, BeOmTilgangBoks } from './TjenesteInfo';
 import './BeOmTilgang.css';
 import { altinntjeneste, AltinntjenesteId } from '../../../altinn/tjenester';
 import { opprettAltinnTilgangssøknad } from '../../../altinn/tilganger';
@@ -78,7 +74,7 @@ const opprettSøknad = (
 
 const BeOmTilgang: FunctionComponent = () => {
     const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
-    const { altinnTilgangssøknad } = useContext(OrganisasjonerOgTilgangerContext);
+    const { altinnTilgangssøknad } = useOrganisasjonerOgTilgangerContext();
 
     const tjenesteinfoBokser: JSX.Element[] = [];
     if (valgtOrganisasjon === undefined) {
diff --git a/src/Pages/Hovedside/InfoBokser.tsx b/src/Pages/Hovedside/InfoBokser.tsx
index b8d1a78e8..dd9304983 100644
--- a/src/Pages/Hovedside/InfoBokser.tsx
+++ b/src/Pages/Hovedside/InfoBokser.tsx
@@ -1,7 +1,7 @@
 import React, { FC, useContext, useEffect } from 'react';
 import * as Record from '../../utils/Record';
 import './InfoBokser.css';
-import { OrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
 import { gittMiljo } from '../../utils/environment';
 import { shouldDisplay } from '../../GeneriskeElementer/DisplayBetween';
 import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
@@ -34,7 +34,7 @@ const infobokser: Array<InfoboksProps> = [
         visFra: new Date('2023-11-13T10:00:00+02:00'),
         visTil: new Date('2023-11-15T08:00:00+01:00'),
         Component: () => {
-            const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+            const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
             const harSyfotilgangPåTvers = Record.values(organisasjoner).some(
                 (org) => org.syfotilgang
             );
diff --git a/src/Pages/Hovedside/SisteSaker.tsx b/src/Pages/Hovedside/SisteSaker.tsx
index d755739c7..abda8dbe7 100644
--- a/src/Pages/Hovedside/SisteSaker.tsx
+++ b/src/Pages/Hovedside/SisteSaker.tsx
@@ -7,7 +7,7 @@ import amplitude from '../../utils/amplitude';
 import { Heading, Tag } from '@navikt/ds-react';
 import { useSessionStateForside } from '../Saksoversikt/useOversiktSessionStorage';
 import { SakSortering } from '../../api/graphql-types';
-import { OrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
 import { Set } from 'immutable';
 import { InternalLenkepanelMedLogging } from '../../GeneriskeElementer/LenkepanelMedLogging';
 
@@ -36,7 +36,7 @@ const SisteSaker = () => {
     const { valgtOrganisasjon, antallSakerForAlleBedrifter } = useContext(
         OrganisasjonsDetaljerContext
     );
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const location = useLocation();
 
     const { loading, data } = useSaker(0, {
diff --git a/src/Pages/OrganisasjonDetaljerProvider.tsx b/src/Pages/OrganisasjonDetaljerProvider.tsx
index 4e13c42ff..d8a509218 100644
--- a/src/Pages/OrganisasjonDetaljerProvider.tsx
+++ b/src/Pages/OrganisasjonDetaljerProvider.tsx
@@ -1,7 +1,7 @@
-import React, { FunctionComponent, useContext, useEffect, useState } from 'react';
+import React, { FunctionComponent, useEffect, useState } from 'react';
 import {
-    OrganisasjonerOgTilgangerContext,
     OrganisasjonInfo,
+    useOrganisasjonerOgTilgangerContext,
 } from './OrganisasjonerOgTilgangerProvider';
 import { useLoggBedriftValgtOgTilganger } from '../utils/funksjonerForAmplitudeLogging';
 import { Organisasjon } from '../altinn/organisasjon';
@@ -22,7 +22,7 @@ export type Context = {
 export const OrganisasjonsDetaljerContext = React.createContext<Context>({} as Context);
 
 export const OrganisasjonsDetaljerProvider: FunctionComponent<Props> = ({ children }: Props) => {
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const [valgtOrganisasjon, setValgtOrganisasjon] = useState<OrganisasjonInfo | undefined>(
         organisasjoner[sessionStorage.getItem('bedrift') ?? '']
     );
diff --git a/src/Pages/OrganisasjonerOgTilgangerProvider.tsx b/src/Pages/OrganisasjonerOgTilgangerProvider.tsx
index a9259733d..61aabcb27 100644
--- a/src/Pages/OrganisasjonerOgTilgangerProvider.tsx
+++ b/src/Pages/OrganisasjonerOgTilgangerProvider.tsx
@@ -46,7 +46,15 @@ export type Context = {
     childrenMap: Map<string, Set<string>>;
 };
 
-export const OrganisasjonerOgTilgangerContext = React.createContext<Context>({} as Context);
+const OrganisasjonerOgTilgangerContext = React.createContext<Context | undefined>(undefined);
+
+export const useOrganisasjonerOgTilgangerContext = () => {
+    const organisasjonerOgTilgangerContext = useContext(OrganisasjonerOgTilgangerContext);
+    if (organisasjonerOgTilgangerContext === undefined) {
+        throw new Error('OrganisasjonerOgTilgangerContext må brukes inne i en OrganisasjonerOgTilgangerProvider');
+    }
+    return organisasjonerOgTilgangerContext;
+}
 
 const useBeregnAltinnTilgangssøknad = ():
     | Record<orgnr, Record<AltinntjenesteId, Søknadsstatus>>
diff --git a/src/Pages/Saksoversikt/FilterChips.tsx b/src/Pages/Saksoversikt/FilterChips.tsx
index 12ffa273c..a3c86a938 100644
--- a/src/Pages/Saksoversikt/FilterChips.tsx
+++ b/src/Pages/Saksoversikt/FilterChips.tsx
@@ -7,7 +7,9 @@ import { amplitudeChipClick } from './Saksoversikt';
 import { Organisasjon } from '../../altinn/organisasjon';
 import { count } from '../../utils/util';
 import { Filter, State } from './useOversiktStateTransitions';
-import { OrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
+import {
+    useOrganisasjonerOgTilgangerContext,
+} from '../OrganisasjonerOgTilgangerProvider';
 import { Collapse, Expand } from '@navikt/ds-icons';
 
 export type FilterChipsProps = {
@@ -16,7 +18,7 @@ export type FilterChipsProps = {
 };
 
 export const FilterChips = ({ state, byttFilter }: FilterChipsProps) => {
-    const { organisasjonstre, childrenMap } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjonstre, childrenMap } = useOrganisasjonerOgTilgangerContext();
 
     const onTømAlleFilter = () => {
         byttFilter({
diff --git a/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx b/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
index 8a5767bd8..c0bcf7b51 100644
--- a/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
+++ b/src/Pages/Saksoversikt/Saksfilter/Saksfilter.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useContext, useEffect, useRef, useState } from 'react';
+import React, { FC, useEffect, useRef, useState } from 'react';
 import './Saksfilter.css';
 import { Virksomhetsmeny } from './Virksomhetsmeny/Virksomhetsmeny';
 import { Søkeboks } from './Søkeboks';
@@ -6,10 +6,15 @@ import { Filter } from '../useOversiktStateTransitions';
 import { Ekspanderbartpanel } from '../../../GeneriskeElementer/Ekspanderbartpanel';
 import { BodyShort, Checkbox, CheckboxGroup, Heading, Label } from '@navikt/ds-react';
 import { Filter as FilterIkon } from '@navikt/ds-icons';
-import { OppgaveTilstand, OppgaveTilstandInfo, Sakstype, SakstypeOverordnet } from '../../../api/graphql-types';
+import {
+    OppgaveTilstand,
+    OppgaveTilstandInfo,
+    Sakstype,
+    SakstypeOverordnet,
+} from '../../../api/graphql-types';
 import { capitalize, sorted, splittListe } from '../../../utils/util';
 import { Set } from 'immutable';
-import { OrganisasjonerOgTilgangerContext } from '../../OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from '../../OrganisasjonerOgTilgangerProvider';
 import amplitude from '../../../utils/amplitude';
 import { LenkeMedLogging } from '../../../GeneriskeElementer/LenkeMedLogging';
 import { opprettInntektsmeldingURL } from '../../../lenker';
@@ -82,10 +87,12 @@ function sakstyperMedAntall(
                       ?.antall ?? 0,
     }));
 
-    const [sakstyperMedInntektsmeldingSykepenger, sakstyperUtenInntektsmeldingSykepenger] = splittListe(
-        sakstyperForFilter,
-        (filter) => filter.navn === 'Inntektsmelding' || filter.navn === 'Inntektsmelding sykepenger'
-    );
+    const [sakstyperMedInntektsmeldingSykepenger, sakstyperUtenInntektsmeldingSykepenger] =
+        splittListe(
+            sakstyperForFilter,
+            (filter) =>
+                filter.navn === 'Inntektsmelding' || filter.navn === 'Inntektsmelding sykepenger'
+        );
 
     const antallInntektsmeldingSykepenger = sakstyperForFilter
         .filter(({ navn }) => navn === 'Inntektsmelding' || navn === 'Inntektsmelding sykepenger')
@@ -120,7 +127,6 @@ const InntektsmeldingGruppe = (
         navn.includes('Inntektsmelding')
     );
 
-
     if (inntektsmeldingAlleValgtAvBruker) {
         valgteInntektsmeldingtyper = ['Inntektsmelding_gruppe'];
     } else if (andreInntektsmeldingerValgt) {
@@ -214,7 +220,7 @@ export const Saksfilter = ({
     alleSakstyper,
 }: SaksfilterProps) => {
     const [width, setWidth] = useState(window.innerWidth);
-    const { organisasjonstre } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjonstre } = useOrganisasjonerOgTilgangerContext();
 
     useEffect(() => {
         const setSize = () => setWidth(window.innerWidth);
@@ -231,7 +237,10 @@ export const Saksfilter = ({
 
     const sakstyperForFilter = sakstyperMedAntall(alleSakstyper, sakstypeinfo);
 
-    const [inntektsmeldingSakstyper, sakstyperUtenInntektsmelding] = splittListe(sakstyperForFilter, (filter) => filter.navn.includes('Inntektsmelding'));
+    const [inntektsmeldingSakstyper, sakstyperUtenInntektsmelding] = splittListe(
+        sakstyperForFilter,
+        (filter) => filter.navn.includes('Inntektsmelding')
+    );
 
     const sakstyper = [
         ...sakstyperUtenInntektsmelding,
@@ -316,7 +325,7 @@ export const Saksfilter = ({
 };
 
 const OpprettInntektsmelding = () => {
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const tilgangInntektsmelding = Object.values(organisasjoner).some(
         (org) => org.altinntilgang?.inntektsmelding === true
     );
@@ -333,23 +342,25 @@ const OpprettInntektsmelding = () => {
     }, []);
 
     if (tilgangInntektsmelding) {
-        return <div
-            ref={ref}
-            style={{
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '4px',
-                paddingBottom: '32px',
-            }}
-        >
-            <Label children="Opprett inntektsmelding manuelt" />
-            <LenkeMedLogging
-                loggLenketekst={'Opprett inntektsmelding manuelt'}
-                href={opprettInntektsmeldingURL}
+        return (
+            <div
+                ref={ref}
+                style={{
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '4px',
+                    paddingBottom: '32px',
+                }}
             >
-                Opprett inntektsmelding for sykepenger
-            </LenkeMedLogging>
-        </div>
+                <Label children="Opprett inntektsmelding manuelt" />
+                <LenkeMedLogging
+                    loggLenketekst={'Opprett inntektsmelding manuelt'}
+                    href={opprettInntektsmeldingURL}
+                >
+                    Opprett inntektsmelding for sykepenger
+                </LenkeMedLogging>
+            </div>
+        );
     } else {
         return null;
     }
diff --git a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx b/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx
index 7f96c0ae9..25df6912c 100644
--- a/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx
+++ b/src/Pages/Saksoversikt/Saksfilter/Virksomhetsmeny/Virksomhetsmeny.tsx
@@ -1,4 +1,4 @@
-import React, { forwardRef, ReactNode, useContext, useMemo, useState } from 'react';
+import React, { ReactNode, useMemo, useState } from 'react';
 import { CheckboxGroup, Search } from '@navikt/ds-react';
 import './Virksomhetsmeny.css';
 import { UnderenhetCheckboks } from './UnderenhetCheckboks';
@@ -7,7 +7,7 @@ import fuzzysort from 'fuzzysort';
 import { sum } from '../../../../utils/util';
 import amplitude from '../../../../utils/amplitude';
 import { Map, Set } from 'immutable';
-import { OrganisasjonerOgTilgangerContext } from '../../../OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from '../../../OrganisasjonerOgTilgangerProvider';
 
 export type VirksomhetsmenyProps = {
     valgteEnheter: Set<string>;
@@ -18,7 +18,7 @@ export const Virksomhetsmeny = ({
     valgteEnheter: valgteEnheterInput,
     setValgteEnheter,
 }: VirksomhetsmenyProps) => {
-    const { organisasjonstre, childrenMap } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjonstre, childrenMap } = useOrganisasjonerOgTilgangerContext();
     const alleOrganisasjoner = useMemo(
         () =>
             organisasjonstre.flatMap(({ hovedenhet, underenheter }) =>
diff --git a/src/Pages/Saksoversikt/Saksoversikt.tsx b/src/Pages/Saksoversikt/Saksoversikt.tsx
index 0347d5f82..62776bfa0 100644
--- a/src/Pages/Saksoversikt/Saksoversikt.tsx
+++ b/src/Pages/Saksoversikt/Saksoversikt.tsx
@@ -1,12 +1,12 @@
-import React, { FC, RefObject, useContext, useEffect, useRef, useState } from 'react';
+import React, { FC, RefObject, useEffect, useRef, useState } from 'react';
 import './Saksoversikt.css';
-import { Alert, Heading, Label, Pagination, Select } from '@navikt/ds-react';
+import { Heading, Label, Pagination, Select } from '@navikt/ds-react';
 import { SaksListe } from './SaksListe';
 import { Alerts } from '../Alerts';
 import { Filter, State, useOversiktStateTransitions } from './useOversiktStateTransitions';
 import { OmSaker } from './OmSaker';
 import { Saksfilter } from './Saksfilter/Saksfilter';
-import { OrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
+import { useOrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
 import * as Record from '../../utils/Record';
 import { Query, Sak, SakSortering } from '../../api/graphql-types';
 import { gql, TypedDocumentNode, useQuery } from '@apollo/client';
@@ -49,7 +49,7 @@ export const amplitudeChipClick = (kategori: string, filternavn: string) => {
 };
 
 export const Saksoversikt = () => {
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const orgs = organisasjoner
         ? Record.mapToArray(organisasjoner, (orgnr, { organisasjon }) => organisasjon)
diff --git a/src/Pages/Saksoversikt/useSaker.tsx b/src/Pages/Saksoversikt/useSaker.tsx
index b82462788..6a0ebe98d 100644
--- a/src/Pages/Saksoversikt/useSaker.tsx
+++ b/src/Pages/Saksoversikt/useSaker.tsx
@@ -6,7 +6,7 @@ import { Filter } from './useOversiktStateTransitions';
 import { Set } from 'immutable';
 import {
     OrganisasjonEnhet,
-    OrganisasjonerOgTilgangerContext,
+    useOrganisasjonerOgTilgangerContext,
 } from '../OrganisasjonerOgTilgangerProvider';
 import { ServerError } from '@apollo/client/link/utils';
 
@@ -148,7 +148,7 @@ export function useSaker(
     pageSize: number,
     { side, tekstsoek, virksomheter, sortering, sakstyper, oppgaveTilstand }: Filter
 ) {
-    const { organisasjonstre } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjonstre } = useOrganisasjonerOgTilgangerContext();
 
     const virksomhetsnumre = useMemo(
         () => beregnVirksomhetsnummer(organisasjonstre, virksomheter),
diff --git a/src/tests/A11y.test.tsx b/src/tests/A11y.test.tsx
index 42a84506f..5da98dc6a 100644
--- a/src/tests/A11y.test.tsx
+++ b/src/tests/A11y.test.tsx
@@ -5,8 +5,8 @@ import Hovedside from '../Pages/Hovedside/Hovedside';
 import { SWRConfig } from 'swr';
 import { AlertsProvider } from '../Pages/Alerts';
 import {
-    OrganisasjonerOgTilgangerContext,
     OrganisasjonerOgTilgangerProvider,
+    useOrganisasjonerOgTilgangerContext,
 } from '../Pages/OrganisasjonerOgTilgangerProvider';
 import {
     OrganisasjonsDetaljerContext,
@@ -39,7 +39,7 @@ describe('Hovedside', () => {
 });
 
 const MedValgtOrganisasjon: FC<{ children: ReactNode }> = ({ children }) => {
-    const { organisasjoner } = useContext(OrganisasjonerOgTilgangerContext);
+    const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const { valgtOrganisasjon, endreOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
 
     useEffect(() => {

From 9eb562f0301ac03416f72ea8e83b461d17f341e0 Mon Sep 17 00:00:00 2001
From: "Anders.Vik.Lysne" <anders.vik.lysne@nav.no>
Date: Fri, 27 Dec 2024 11:17:07 +0100
Subject: [PATCH 12/12] =?UTF-8?q?Legg=20til=20default-value=20handling=20p?=
 =?UTF-8?q?=C3=A5=20OrganisasjoneDetailjerProvider?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Pages/Artikkel/Artikkel.tsx                 |  6 +++---
 src/Pages/Banner.tsx                            |  6 +++---
 src/Pages/Hovedside/AktueltRubrikk.tsx          | 15 +++++++++------
 src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx |  6 +++---
 src/Pages/Hovedside/InfoBokser.tsx              |  8 ++++----
 src/Pages/Hovedside/Kalenderavtaler.tsx         |  6 +++---
 src/Pages/Hovedside/ManglerKofuviAlert.tsx      |  6 +++---
 src/Pages/Hovedside/ManglerKontonummerAlert.tsx |  8 ++++----
 .../Bedriftsinfoknapp/Bedriftsinfoknapp.tsx     |  6 +++---
 .../NyttigForDegContainer.tsx                   |  6 +++---
 src/Pages/Hovedside/SisteSaker.tsx              |  8 +++-----
 .../Hovedside/S\303\270knaderOgSkjemaer.tsx"    | 17 +++++++----------
 .../Arbeidsforhold/Arbeidsforhold.tsx           |  7 +++----
 .../useAntallArbeidsforholdFraAareg.ts          |  6 +++---
 .../Arbeidsplassen/Arbeidsplassen.tsx           |  5 ++---
 .../ForebyggeFrav\303\246r.tsx"                 | 15 +++++++++------
 .../useSykefrav\303\246r.ts"                    |  6 +++---
 .../Kandidatlister/Kandidatlister.tsx           |  7 +++----
 .../Kandidatlister/useAntallKandidater.ts       |  6 +++---
 .../Tjenestebokser/Sykmeldte/Sykmeldte.tsx      |  6 +++---
 .../TiltakAvtaler/TiltakAvtaler.tsx             |  6 +++---
 .../TiltakAvtaler/useAvtaleoversikt.ts          |  6 +++---
 .../TiltakRefusjoner/TiltakRefusjoner.tsx       | 17 +++++++++--------
 .../Hovedside/Tjenestebokser/Tjenestebokser.tsx |  6 +++---
 src/Pages/OmVirksomheten/Kontaktinfo.tsx        |  8 ++++----
 src/Pages/OmVirksomheten/OmVirksomheten.tsx     |  6 +++---
 src/Pages/OrganisasjonDetaljerProvider.tsx      | 14 ++++++++++++--
 .../Saksoversikt/useOversiktSessionStorage.ts   |  6 +++---
 src/tests/A11y.test.tsx                         |  6 +++---
 29 files changed, 120 insertions(+), 111 deletions(-)

diff --git a/src/Pages/Artikkel/Artikkel.tsx b/src/Pages/Artikkel/Artikkel.tsx
index b70fed133..22e1bb489 100644
--- a/src/Pages/Artikkel/Artikkel.tsx
+++ b/src/Pages/Artikkel/Artikkel.tsx
@@ -1,9 +1,9 @@
 import { Link as RouterLink, useParams } from 'react-router-dom';
 import { Brodsmulesti, Spinner } from '../Banner';
-import React, { useContext, useEffect } from 'react';
+import React, { useEffect } from 'react';
 import { Alert, BodyShort, Heading, Link } from '@navikt/ds-react';
 import './Artikkel.css';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { LenkepanelMedLogging } from '../../GeneriskeElementer/LenkepanelMedLogging';
 import { useRawArtikkelHtml } from './useRawHtmlFromStorage';
 import { OrganisasjonInfo } from '../OrganisasjonerOgTilgangerProvider';
@@ -30,7 +30,7 @@ const artikler: Record<string, Artikkel> = {
 };
 
 export const Artikler = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     if (!valgtOrganisasjon) {
         return null;
     }
diff --git a/src/Pages/Banner.tsx b/src/Pages/Banner.tsx
index c40909216..cfa8800b3 100644
--- a/src/Pages/Banner.tsx
+++ b/src/Pages/Banner.tsx
@@ -1,7 +1,7 @@
-import React, { FunctionComponent, useCallback, useContext, useEffect } from 'react';
+import React, { FunctionComponent, useCallback, useEffect } from 'react';
 import Bedriftsmeny from '@navikt/bedriftsmeny';
 import '@navikt/bedriftsmeny/lib/bedriftsmeny.css';
-import { OrganisasjonsDetaljerContext } from './OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from './OrganisasjonDetaljerProvider';
 import { useOrganisasjonerOgTilgangerContext } from './OrganisasjonerOgTilgangerProvider';
 import * as Record from '../utils/Record';
 import { NotifikasjonWidget } from '@navikt/arbeidsgiver-notifikasjon-widget';
@@ -33,7 +33,7 @@ export const SaksoversiktBanner = () => (
 
 export const BannerMedBedriftsmeny: FunctionComponent<OwnProps> = ({ sidetittel }) => {
     const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
-    const { endreOrganisasjon, valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { endreOrganisasjon, valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
 
     const [params, setParams] = useSearchParams();
     const orgnrFraUrl = params.get('bedrift');
diff --git a/src/Pages/Hovedside/AktueltRubrikk.tsx b/src/Pages/Hovedside/AktueltRubrikk.tsx
index e883fbb34..9385ff1dc 100644
--- a/src/Pages/Hovedside/AktueltRubrikk.tsx
+++ b/src/Pages/Hovedside/AktueltRubrikk.tsx
@@ -1,10 +1,10 @@
 import { Heading, LinkPanel } from '@navikt/ds-react';
-import React, { useContext } from 'react';
+import React from 'react';
 import { loggNavigasjonTags } from '../../utils/funksjonerForAmplitudeLogging';
 import { DisplayBetween, shouldDisplay } from '../../GeneriskeElementer/DisplayBetween';
 import { useLocation } from 'react-router-dom';
 import './AktueltRubrikk.css';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { OrganisasjonInfo } from '../OrganisasjonerOgTilgangerProvider';
 
 type AktueltProps = {
@@ -36,7 +36,9 @@ const Aktuelt = ({ lenke, tittel, beskrivelse, visFra, visTil }: AktueltProps) =
                 }}
             >
                 <LinkPanel.Title>{tittel}</LinkPanel.Title>
-                <LinkPanel.Description>{beskrivelse ?? dateFormat.format(visFra)}</LinkPanel.Description>
+                <LinkPanel.Description>
+                    {beskrivelse ?? dateFormat.format(visFra)}
+                </LinkPanel.Description>
             </LinkPanel>
         </DisplayBetween>
     );
@@ -46,15 +48,16 @@ const aktuelt: Array<AktueltProps> = [
     {
         lenke: 'https://arbeidsgiver.nav.no/min-side-arbeidsgiver/artikkel/saferoad_ansetter_ved_hjelp_av_nav',
         tittel: 'Ønsker dere hjelpe fra Nav til å rekruttere?',
-        beskrivelse: "Les om hvordan Nav bidrar til at Saferoad kan ansette over 100 nye folk hvert år.",
+        beskrivelse:
+            'Les om hvordan Nav bidrar til at Saferoad kan ansette over 100 nye folk hvert år.',
         visFra: new Date('2024-12-13T00:00:00+02:00'),
         visTil: new Date('2025-01-31T00:00:00+02:00'),
         tilgangssjekk: (orgInfo) => orgInfo.altinntilgang.rekruttering,
-    }
+    },
 ];
 
 export const AktueltRubrikk = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     if (!valgtOrganisasjon) {
         return null;
     }
diff --git a/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx b/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
index f30c4b108..e9965052b 100644
--- a/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
+++ b/src/Pages/Hovedside/BeOmTilgang/BeOmTilgang.tsx
@@ -1,10 +1,10 @@
-import React, { FC, FunctionComponent, MouseEventHandler, useContext } from 'react';
+import React, { FC, FunctionComponent, MouseEventHandler } from 'react';
 import { Ekspanderbartpanel } from '../../../GeneriskeElementer/Ekspanderbartpanel';
 import {
     OrganisasjonInfo,
     useOrganisasjonerOgTilgangerContext,
 } from '../../OrganisasjonerOgTilgangerProvider';
-import { OrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
 import Organisasjonsbeskrivelse from './Organisasjonsbeskrivelse';
 import { AltinntilgangAlleredeSøkt, BeOmSyfotilgang, BeOmTilgangBoks } from './TjenesteInfo';
 import './BeOmTilgang.css';
@@ -73,7 +73,7 @@ const opprettSøknad = (
 };
 
 const BeOmTilgang: FunctionComponent = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const { altinnTilgangssøknad } = useOrganisasjonerOgTilgangerContext();
 
     const tjenesteinfoBokser: JSX.Element[] = [];
diff --git a/src/Pages/Hovedside/InfoBokser.tsx b/src/Pages/Hovedside/InfoBokser.tsx
index dd9304983..5eabf470b 100644
--- a/src/Pages/Hovedside/InfoBokser.tsx
+++ b/src/Pages/Hovedside/InfoBokser.tsx
@@ -1,10 +1,10 @@
-import React, { FC, useContext, useEffect } from 'react';
+import React, { FC, useEffect } from 'react';
 import * as Record from '../../utils/Record';
 import './InfoBokser.css';
 import { useOrganisasjonerOgTilgangerContext } from '../OrganisasjonerOgTilgangerProvider';
 import { gittMiljo } from '../../utils/environment';
 import { shouldDisplay } from '../../GeneriskeElementer/DisplayBetween';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { Alert, Heading } from '@navikt/ds-react';
 import { useLocalStorage } from '../../hooks/useStorage';
 import { LenkeMedLogging } from '../../GeneriskeElementer/LenkeMedLogging';
@@ -22,7 +22,7 @@ const infobokser: Array<InfoboksProps> = [
         visFra: new Date('2024-11-06T00:00:00+02:00'),
         visTil: new Date('2024-12-31T10:00:00+02:00'),
         Component: () => {
-            const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+            const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
             if (!valgtOrganisasjon || !valgtOrganisasjon.altinntilgang.inntektsmelding) {
                 return null;
             }
@@ -69,7 +69,7 @@ const infobokser: Array<InfoboksProps> = [
         visFra: new Date('2024-04-11T00:00:00+02:00'),
         visTil: new Date('2024-06-11T00:00:00+02:00'),
         Component: () => {
-            const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+            const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
             const [closed, setClosed] = useLocalStorage('yrkesskade-infobokser-closed', false);
 
             if (!valgtOrganisasjon || !valgtOrganisasjon.altinntilgang.yrkesskade) {
diff --git a/src/Pages/Hovedside/Kalenderavtaler.tsx b/src/Pages/Hovedside/Kalenderavtaler.tsx
index fd00309fc..9a3db7811 100644
--- a/src/Pages/Hovedside/Kalenderavtaler.tsx
+++ b/src/Pages/Hovedside/Kalenderavtaler.tsx
@@ -1,5 +1,5 @@
 import './Kalenderavtaler.css';
-import React, { FunctionComponent, useContext } from 'react';
+import React, { FunctionComponent } from 'react';
 import { BodyShort, Button, Heading, Tag } from '@navikt/ds-react';
 import {
     ChevronDownIcon,
@@ -10,7 +10,7 @@ import {
 } from '@navikt/aksel-icons';
 import { KalenderavtaleTilstand, Lokasjon, Query } from '../../api/graphql-types';
 import { gql, TypedDocumentNode, useQuery } from '@apollo/client';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 
 const HENT_KALENDERAVTALER: TypedDocumentNode<Pick<Query, 'kommendeKalenderavtaler'>> = gql`
     query HentKalenderavtaler($virksomhetsnumre: [String!]!) {
@@ -36,7 +36,7 @@ const HENT_KALENDERAVTALER: TypedDocumentNode<Pick<Query, 'kommendeKalenderavtal
 const VIS_ANTALL = 2;
 
 export const Kalenderavtaler: FunctionComponent = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [visAlle, settVisAlle] = React.useState(false);
     const virksomhetsnumre =
         valgtOrganisasjon !== undefined ? [valgtOrganisasjon?.organisasjon.OrganizationNumber] : [];
diff --git a/src/Pages/Hovedside/ManglerKofuviAlert.tsx b/src/Pages/Hovedside/ManglerKofuviAlert.tsx
index 378771d3d..16e402880 100644
--- a/src/Pages/Hovedside/ManglerKofuviAlert.tsx
+++ b/src/Pages/Hovedside/ManglerKofuviAlert.tsx
@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import useSWR from 'swr';
-import { useContext, useEffect, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useEffect, useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { Alert, Heading } from '@navikt/ds-react';
 import { LenkeMedLogging } from '../../GeneriskeElementer/LenkeMedLogging';
 import { erDriftsforstyrrelse } from '../../utils/util';
@@ -54,7 +54,7 @@ const fallbackData: VarslingStatus = {
 };
 
 const manglerKofuviAlert = (): VarslingStatus => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
     const { data } = useSWR(
         valgtOrganisasjon !== undefined
diff --git a/src/Pages/Hovedside/ManglerKontonummerAlert.tsx b/src/Pages/Hovedside/ManglerKontonummerAlert.tsx
index 0bcd013b1..19d04e63d 100644
--- a/src/Pages/Hovedside/ManglerKontonummerAlert.tsx
+++ b/src/Pages/Hovedside/ManglerKontonummerAlert.tsx
@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import useSWR from 'swr';
-import { useContext, useEffect, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useEffect, useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { Alert, Heading } from '@navikt/ds-react';
 import { LenkeMedLogging } from '../../GeneriskeElementer/LenkeMedLogging';
 import { erDriftsforstyrrelse } from '../../utils/util';
@@ -10,7 +10,7 @@ import amplitude from '../../utils/amplitude';
 
 export const ManglerKontonummerAlert = () => {
     const kontonummerStatus = manglerKontonummerAlert();
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const kanEndreKontonummer =
         valgtOrganisasjon?.altinntilgang.endreBankkontonummerForRefusjoner ?? false;
 
@@ -74,7 +74,7 @@ const fallbackData: KontonummerStatus = {
 };
 
 const manglerKontonummerAlert = (): KontonummerStatus => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
     const { data } = useSWR(
         valgtOrganisasjon !== undefined
diff --git a/src/Pages/Hovedside/NyttigForDegContainer/Bedriftsinfoknapp/Bedriftsinfoknapp.tsx b/src/Pages/Hovedside/NyttigForDegContainer/Bedriftsinfoknapp/Bedriftsinfoknapp.tsx
index 68de5a002..6638d4738 100644
--- a/src/Pages/Hovedside/NyttigForDegContainer/Bedriftsinfoknapp/Bedriftsinfoknapp.tsx
+++ b/src/Pages/Hovedside/NyttigForDegContainer/Bedriftsinfoknapp/Bedriftsinfoknapp.tsx
@@ -1,12 +1,12 @@
-import React, { useContext } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import React from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import bedriftinfoikon from './infoombedriftikon.svg';
 import './Bedriftsinfoknapp.css';
 import { InternalLenkepanelMedLogging } from '../../../../GeneriskeElementer/LenkepanelMedLogging';
 import { TittelMedIkon } from '../../../../GeneriskeElementer/TittelMedIkon';
 
 const Bedriftsinfoknapp = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
 
     if (valgtOrganisasjon === undefined) {
         return null;
diff --git a/src/Pages/Hovedside/NyttigForDegContainer/NyttigForDegContainer.tsx b/src/Pages/Hovedside/NyttigForDegContainer/NyttigForDegContainer.tsx
index 6e90d0b7a..53427bb48 100644
--- a/src/Pages/Hovedside/NyttigForDegContainer/NyttigForDegContainer.tsx
+++ b/src/Pages/Hovedside/NyttigForDegContainer/NyttigForDegContainer.tsx
@@ -1,10 +1,10 @@
-import React, { useContext } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
+import React from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
 import Bedriftsinfoknapp from './Bedriftsinfoknapp/Bedriftsinfoknapp';
 import './NyttigForDegContainer.css';
 
 const NyttigForDegContainer = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
 
     return (
         <div className="nyttig-for-deg">
diff --git a/src/Pages/Hovedside/SisteSaker.tsx b/src/Pages/Hovedside/SisteSaker.tsx
index abda8dbe7..74bc6676e 100644
--- a/src/Pages/Hovedside/SisteSaker.tsx
+++ b/src/Pages/Hovedside/SisteSaker.tsx
@@ -1,6 +1,6 @@
-import React, { useContext, useEffect } from 'react';
+import React, { useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import './SisteSaker.css';
 import { useSaker } from '../Saksoversikt/useSaker';
 import amplitude from '../../utils/amplitude';
@@ -33,9 +33,7 @@ const Saksikon = () => (
 );
 
 const SisteSaker = () => {
-    const { valgtOrganisasjon, antallSakerForAlleBedrifter } = useContext(
-        OrganisasjonsDetaljerContext
-    );
+    const { valgtOrganisasjon, antallSakerForAlleBedrifter } = useOrganisasjonsDetaljerContext();
     const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
     const location = useLocation();
 
diff --git "a/src/Pages/Hovedside/S\303\270knaderOgSkjemaer.tsx" "b/src/Pages/Hovedside/S\303\270knaderOgSkjemaer.tsx"
index ce69f1bfc..18e7fcad7 100644
--- "a/src/Pages/Hovedside/S\303\270knaderOgSkjemaer.tsx"
+++ "b/src/Pages/Hovedside/S\303\270knaderOgSkjemaer.tsx"
@@ -1,10 +1,9 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import {
     lenkeTilPermitteringOgMasseoppsigelsesSkjema,
     skjemaForArbeidsgiverURL,
 } from '../../lenker';
 import './SøknaderOgSkjemaer.css';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { LenkeMedLogging } from '../../GeneriskeElementer/LenkeMedLogging';
 import {
     InternalLenkepanelMedLogging,
@@ -14,9 +13,10 @@ import { altinnskjema, AltinnskjemaId, altinntjeneste } from '../../altinn/tjene
 import { HoyreChevron } from '../../GeneriskeElementer/HoyreChevron';
 import { Heading } from '@navikt/ds-react';
 import { gittMiljo } from '../../utils/environment';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 
 export const SøknaderOgSkjemaer = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const tilgangInntektsmelding = valgtOrganisasjon?.altinntilgang?.inntektsmelding;
     const tilgangYrkesskade = valgtOrganisasjon?.altinntilgang?.yrkesskade;
     if (valgtOrganisasjon === undefined) {
@@ -102,19 +102,16 @@ export const SøknaderOgSkjemaer = () => {
                           })
                       )
                     : null}
-                {tilgangInntektsmelding === true
-                    ? <li>
+                {tilgangInntektsmelding === true ? (
+                    <li>
                         <InternalLenkepanelMedLogging
-                            loggLenketekst={
-                                'Inntektsmelding sykepenger (Opprett manuelt)'
-                            }
+                            loggLenketekst={'Inntektsmelding sykepenger (Opprett manuelt)'}
                             to={'/saksoversikt#opprett-inntektsmelding'}
                         >
                             Inntektsmelding sykepenger
                         </InternalLenkepanelMedLogging>
                     </li>
-                    : null
-                }
+                ) : null}
                 {altinnSkjemaLenke('inntektsmelding')}
                 {altinnSkjemaLenke('ekspertbistand')}
                 {altinnSkjemaLenke('utsendtArbeidstakerEØS')}
diff --git a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx
index a769206e9..5bc321073 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/Arbeidsforhold.tsx
@@ -1,17 +1,16 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { innsynAaregURL } from '../../../../lenker';
 import arbeidsforholdikon from './arbeidsforhold-ikon.svg';
 import { useAntallArbeidsforholdFraAareg } from './useAntallArbeidsforholdFraAareg';
 import './Arbeidsforhold.css';
 import { StortTall, Tjenesteboks } from '../Tjenesteboks';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 
 const Arbeidsforhold = () => {
     const antallArbeidsforhold = useAntallArbeidsforholdFraAareg();
 
     const orgnr =
-        useContext(OrganisasjonsDetaljerContext).valgtOrganisasjon?.organisasjon
-            .OrganizationNumber ?? '';
+        useOrganisasjonsDetaljerContext().valgtOrganisasjon?.organisasjon.OrganizationNumber ?? '';
     const href = innsynAaregURL + (orgnr === '' ? '' : `?bedrift=${orgnr}`);
 
     return (
diff --git a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/useAntallArbeidsforholdFraAareg.ts b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/useAntallArbeidsforholdFraAareg.ts
index e464096e8..1c9f0bd23 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/useAntallArbeidsforholdFraAareg.ts
+++ b/src/Pages/Hovedside/Tjenestebokser/Arbeidsforhold/useAntallArbeidsforholdFraAareg.ts
@@ -1,11 +1,11 @@
 import { z } from 'zod';
 import useSWR from 'swr';
-import { useContext, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import { erDriftsforstyrrelse } from '../../../../utils/util';
 
 export const useAntallArbeidsforholdFraAareg = (): number => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
     const { data } = useSWR(
         valgtOrganisasjon !== undefined
diff --git a/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx b/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx
index 34326fa5a..ad1b6c6f3 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Arbeidsplassen/Arbeidsplassen.tsx
@@ -5,8 +5,7 @@ import './Arbeidsplassen.css';
 import { StortTall, Tjenesteboks } from '../Tjenesteboks';
 import { z } from 'zod';
 import useSWR from 'swr';
-import { useContext } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import { erDriftsforstyrrelse } from '../../../../utils/util';
 
 const Arbeidsplassen = () => {
@@ -48,7 +47,7 @@ const PamStatusAnnonser = z.object({
 });
 
 const useAntallannonser = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const orgnr = valgtOrganisasjon?.organisasjon?.OrganizationNumber;
     const [retries, setRetries] = useState(0);
 
diff --git "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx" "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx"
index 0ef729856..398d8071d 100644
--- "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx"
+++ "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/ForebyggeFrav\303\246r.tsx"
@@ -1,15 +1,15 @@
 import { lenkeTilForebyggefravar } from '../../../../lenker';
-import React, { useContext } from 'react';
+import React from 'react';
 import ForebyggeFraværIkon from './ForebyggeFraværIkon.svg';
 import { useSykefravær } from './useSykefravær';
 import { StortTall, Tjenesteboks } from '../Tjenesteboks';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 
 const ForebyggeFravR = () => {
     const valgtbedrift = () => {
         const orgnr =
-            useContext(OrganisasjonsDetaljerContext).valgtOrganisasjon?.organisasjon
-                .OrganizationNumber ?? '';
+            useOrganisasjonsDetaljerContext().valgtOrganisasjon?.organisasjon.OrganizationNumber ??
+            '';
 
         return orgnr === '' ? '' : `?bedrift=${orgnr}`;
     };
@@ -26,14 +26,17 @@ const ForebyggeFravR = () => {
     };
 
     const beskrivelse = 'Verktøy for å forebygge fravær i din virksomhet.';
-    const aria_label = sykefravær !== undefined ? `${sykefravær.prosent.toString()} % legemeldt sykefravær i din ${statistikktype(sykefravær.type)}. Lag en plan for å redusere fraværet.` : beskrivelse;
+    const aria_label =
+        sykefravær !== undefined
+            ? `${sykefravær.prosent.toString()} % legemeldt sykefravær i din ${statistikktype(sykefravær.type)}. Lag en plan for å redusere fraværet.`
+            : beskrivelse;
 
     return (
         <Tjenesteboks
             ikon={ForebyggeFraværIkon}
             href={lenkeTilForebyggefravar + valgtbedrift()}
             tittel="Forebygge fravær"
-            aria-label={"Forebygge Fravær, " + aria_label}
+            aria-label={'Forebygge Fravær, ' + aria_label}
         >
             {sykefravær !== undefined ? (
                 <span>
diff --git "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/useSykefrav\303\246r.ts" "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/useSykefrav\303\246r.ts"
index 4e86af61d..7ec748aef 100644
--- "a/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/useSykefrav\303\246r.ts"
+++ "b/src/Pages/Hovedside/Tjenestebokser/ForebyggeFrav\303\246r/useSykefrav\303\246r.ts"
@@ -1,7 +1,7 @@
 import { z } from 'zod';
 import useSWR from 'swr';
-import { useContext, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import { erDriftsforstyrrelse } from '../../../../utils/util';
 
 const Sykefraværsrespons = z.object({
@@ -13,7 +13,7 @@ const Sykefraværsrespons = z.object({
 export type Sykefraværsrespons = z.infer<typeof Sykefraværsrespons>;
 
 export const useSykefravær = (): Sykefraværsrespons | undefined => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
     const { data } = useSWR(
         valgtOrganisasjon !== undefined
diff --git a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx
index eb91dda75..adf438912 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/Kandidatlister.tsx
@@ -1,17 +1,16 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { kandidatlisteURL } from '../../../../lenker';
 import { Tjenesteboks } from '../Tjenesteboks';
 import { useAntallKandidater } from './useAntallKandidater';
 import ikon from './kandidatlisteboks-ikon.svg';
 import './Kandidatlister.css';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 
 const Kandidatlister = () => {
     const antallKandidater = useAntallKandidater();
 
     const orgnr =
-        useContext(OrganisasjonsDetaljerContext).valgtOrganisasjon?.organisasjon
-            .OrganizationNumber ?? '';
+        useOrganisasjonsDetaljerContext().valgtOrganisasjon?.organisasjon.OrganizationNumber ?? '';
 
     const href = kandidatlisteURL + (orgnr === '' ? '' : `?virksomhet=${orgnr}`);
 
diff --git a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/useAntallKandidater.ts b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/useAntallKandidater.ts
index 5c9e29045..cd95464f4 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/useAntallKandidater.ts
+++ b/src/Pages/Hovedside/Tjenestebokser/Kandidatlister/useAntallKandidater.ts
@@ -1,11 +1,11 @@
 import { z } from 'zod';
-import { useContext, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import useSWR from 'swr';
 import { erDriftsforstyrrelse } from '../../../../utils/util';
 
 export const useAntallKandidater = (): number => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
 
     const { data } = useSWR(
diff --git a/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx b/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx
index 3ef9fb7f6..5d125e035 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Sykmeldte/Sykmeldte.tsx
@@ -1,11 +1,11 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { syfoURL } from '../../../../lenker';
 import syfoikon from './Sykmeldte.svg';
 import { StortTall, Tjenesteboks } from '../Tjenesteboks';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 
 const Sykmeldte = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const antallSykmeldte = valgtOrganisasjon?.antallSykmeldte ?? 0;
     const orgnr = valgtOrganisasjon?.organisasjon?.OrganizationNumber;
     const url = orgnr !== undefined && orgnr !== '' ? `${syfoURL}?bedrift=${orgnr}` : syfoURL;
diff --git a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx
index 336b89567..08df28213 100644
--- a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/TiltakAvtaler.tsx
@@ -1,6 +1,6 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { tiltaksgjennomforingURL } from '../../../../lenker';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import './TiltakAvtaler.css';
 import tiltakikon from './TiltakAvtaler.svg';
 import { Avtalenavn, useAvtaleoversikt } from './useAvtaleoversikt';
@@ -26,7 +26,7 @@ const displayorder: Avtalenavn[] = [
 ];
 
 const TiltakAvtaler = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const orgnr = valgtOrganisasjon?.organisasjon?.OrganizationNumber;
 
     const avtaler = useAvtaleoversikt();
diff --git a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/useAvtaleoversikt.ts b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/useAvtaleoversikt.ts
index b2419a22d..659063bf8 100644
--- a/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/useAvtaleoversikt.ts
+++ b/src/Pages/Hovedside/Tjenestebokser/TiltakAvtaler/useAvtaleoversikt.ts
@@ -1,5 +1,5 @@
-import { useContext, useMemo, useState } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useMemo, useState } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 import useSWR from 'swr';
 import { z } from 'zod';
 import { count, erDriftsforstyrrelse } from '../../../../utils/util';
@@ -16,7 +16,7 @@ export type Avtaleoversikt = {
 export type Avtalenavn = keyof Avtaleoversikt;
 
 export const useAvtaleoversikt = (): Avtaleoversikt => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [retries, setRetries] = useState(0);
     const { data: avtaler } = useSWR(
         valgtOrganisasjon !== undefined
diff --git a/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx b/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx
index 47d6bdc3f..6458cb6f2 100644
--- a/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/TiltakRefusjoner/TiltakRefusjoner.tsx
@@ -1,11 +1,11 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { refosoURL } from '../../../../lenker';
 import tiltakrefusjonikon from './TiltakRefusjoner.svg';
 import { StortTall, Tjenesteboks } from '../Tjenesteboks';
-import { OrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../../../OrganisasjonDetaljerProvider';
 
 const TiltakRefusjoner = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     if (valgtOrganisasjon === undefined) {
         return null;
     }
@@ -17,17 +17,18 @@ const TiltakRefusjoner = () => {
 
     const klareForInnsending = valgtOrganisasjon.refusjonstatus['KLAR_FOR_INNSENDING'];
 
-    const aria_label = klareForInnsending === undefined ?
-        "Søk og se refusjon for lønnstilskudd og sommerjobb" :
-        `${klareForInnsending} refusjoner klare for innsending.` + " Søk og se refusjon"
+    const aria_label =
+        klareForInnsending === undefined
+            ? 'Søk og se refusjon for lønnstilskudd og sommerjobb'
+            : `${klareForInnsending} refusjoner klare for innsending.` + ' Søk og se refusjon';
 
-    console.log(aria_label)
+    console.log(aria_label);
     return (
         <Tjenesteboks
             ikon={tiltakrefusjonikon}
             href={url}
             tittel="Refusjon for lønnstilskudd og sommerjobb"
-            aria-label={"Refusjon for lønnstilskudd og sommerjobb, " + aria_label}
+            aria-label={'Refusjon for lønnstilskudd og sommerjobb, ' + aria_label}
         >
             {klareForInnsending === undefined ? null : (
                 <>
diff --git a/src/Pages/Hovedside/Tjenestebokser/Tjenestebokser.tsx b/src/Pages/Hovedside/Tjenestebokser/Tjenestebokser.tsx
index d22f6d47f..09c4300ff 100644
--- a/src/Pages/Hovedside/Tjenestebokser/Tjenestebokser.tsx
+++ b/src/Pages/Hovedside/Tjenestebokser/Tjenestebokser.tsx
@@ -1,5 +1,5 @@
-import React, { FunctionComponent, useContext, useEffect } from 'react';
-import { OrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
+import React, { FunctionComponent, useEffect } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider';
 import Arbeidsforhold from './Arbeidsforhold/Arbeidsforhold';
 import Sykmeldte from './Sykmeldte/Sykmeldte';
 import Arbeidsplassen from './Arbeidsplassen/Arbeidsplassen';
@@ -22,7 +22,7 @@ const Bokser = {
 type TjenesteBoks = keyof typeof Bokser;
 
 const TjenesteboksContainer: FunctionComponent = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
 
     if (valgtOrganisasjon === undefined) {
         return null;
diff --git a/src/Pages/OmVirksomheten/Kontaktinfo.tsx b/src/Pages/OmVirksomheten/Kontaktinfo.tsx
index 9cdb3e7ef..3ecc82c16 100644
--- a/src/Pages/OmVirksomheten/Kontaktinfo.tsx
+++ b/src/Pages/OmVirksomheten/Kontaktinfo.tsx
@@ -1,10 +1,10 @@
 import { z } from 'zod';
-import { useContext, useId, useState } from 'react';
+import { useId, useState } from 'react';
 import useSWR from 'swr';
 import { Alert, BodyShort, Heading, HelpText, Label } from '@navikt/ds-react';
 import { LenkeMedLogging } from '../../GeneriskeElementer/LenkeMedLogging';
 import './Kontaktinfo.css';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import NyFaneIkon from './NyFaneIkon';
 import { erDriftsforstyrrelse } from '../../utils/util';
 import { Hovedenhet } from '../../api/enhetsregisteretApi';
@@ -35,8 +35,8 @@ const fetcher = async ({ url, orgnr }: { url: string; orgnr: string }) => {
 };
 
 const useKontaktinfo = () => {
-    const orgnr = useContext(OrganisasjonsDetaljerContext).valgtOrganisasjon?.organisasjon
-        ?.OrganizationNumber;
+    const orgnr =
+        useOrganisasjonsDetaljerContext().valgtOrganisasjon?.organisasjon?.OrganizationNumber;
     const [retries, setRetries] = useState(0);
 
     const { data: kontaktinfo } = useSWR(
diff --git a/src/Pages/OmVirksomheten/OmVirksomheten.tsx b/src/Pages/OmVirksomheten/OmVirksomheten.tsx
index 52ba4904e..b288e071e 100644
--- a/src/Pages/OmVirksomheten/OmVirksomheten.tsx
+++ b/src/Pages/OmVirksomheten/OmVirksomheten.tsx
@@ -1,5 +1,5 @@
-import React, { FunctionComponent, useContext } from 'react';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import React, { FunctionComponent } from 'react';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { useOverordnetEnhet, useUnderenhet } from '../../api/enhetsregisteretApi';
 import Underenhet from './Underenhet';
 import OverordnetEnhet from './OverordnetEnhet';
@@ -11,7 +11,7 @@ const Kontaktpanel = ({ children }: { children: React.ReactNode }) => (
 );
 
 const OmVirksomheten: FunctionComponent = () => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const vnr = valgtOrganisasjon?.organisasjon.OrganizationNumber;
     const orgnr = valgtOrganisasjon?.organisasjon.ParentOrganizationNumber;
 
diff --git a/src/Pages/OrganisasjonDetaljerProvider.tsx b/src/Pages/OrganisasjonDetaljerProvider.tsx
index d8a509218..d80defcc9 100644
--- a/src/Pages/OrganisasjonDetaljerProvider.tsx
+++ b/src/Pages/OrganisasjonDetaljerProvider.tsx
@@ -1,4 +1,4 @@
-import React, { FunctionComponent, useEffect, useState } from 'react';
+import React, { FunctionComponent, useContext, useEffect, useState } from 'react';
 import {
     OrganisasjonInfo,
     useOrganisasjonerOgTilgangerContext,
@@ -19,7 +19,17 @@ export type Context = {
     antallSakerForAlleBedrifter: number | undefined;
 };
 
-export const OrganisasjonsDetaljerContext = React.createContext<Context>({} as Context);
+const OrganisasjonsDetaljerContext = React.createContext<Context | undefined>(undefined);
+
+export const useOrganisasjonsDetaljerContext = () => {
+    const context = useContext(OrganisasjonsDetaljerContext);
+    if (context === undefined) {
+        throw new Error(
+            'useOrganisasjonsDetaljerContext må brukes innenfor en OrganisasjonsDetaljerProvider'
+        );
+    }
+    return context;
+}
 
 export const OrganisasjonsDetaljerProvider: FunctionComponent<Props> = ({ children }: Props) => {
     const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
diff --git a/src/Pages/Saksoversikt/useOversiktSessionStorage.ts b/src/Pages/Saksoversikt/useOversiktSessionStorage.ts
index 8907c50d6..b9b2d23b1 100644
--- a/src/Pages/Saksoversikt/useOversiktSessionStorage.ts
+++ b/src/Pages/Saksoversikt/useOversiktSessionStorage.ts
@@ -1,10 +1,10 @@
 // Store copy of oversikts-filter in sessionStorage
 
-import { useContext, useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useSearchParams } from 'react-router-dom';
 import { useSessionStorage } from '../../hooks/useStorage';
 import { equalAsSets, Filter } from './useOversiktStateTransitions';
-import { OrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
+import { useOrganisasjonsDetaljerContext } from '../OrganisasjonDetaljerProvider';
 import { OppgaveTilstand, SakSortering } from '../../api/graphql-types';
 import { Set } from 'immutable';
 import { Organisasjon } from '../../altinn/organisasjon';
@@ -82,7 +82,7 @@ export const equalSessionState = (a: SessionState, b: SessionState): boolean =>
 };
 
 export const useSessionStateForside = (): void => {
-    const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon } = useOrganisasjonsDetaljerContext();
     const [_, setSessionState] = useSessionStorage(SESSION_STORAGE_KEY, { route: '/' });
     const bedrift = valgtOrganisasjon?.organisasjon?.OrganizationNumber;
 
diff --git a/src/tests/A11y.test.tsx b/src/tests/A11y.test.tsx
index 5da98dc6a..3ada76657 100644
--- a/src/tests/A11y.test.tsx
+++ b/src/tests/A11y.test.tsx
@@ -1,4 +1,4 @@
-import React, { FC, ReactNode, useContext, useEffect } from 'react';
+import React, { FC, ReactNode, useEffect } from 'react';
 import { act, findByTestId, render } from '@testing-library/react';
 import { axe } from 'jest-axe';
 import Hovedside from '../Pages/Hovedside/Hovedside';
@@ -9,8 +9,8 @@ import {
     useOrganisasjonerOgTilgangerContext,
 } from '../Pages/OrganisasjonerOgTilgangerProvider';
 import {
-    OrganisasjonsDetaljerContext,
     OrganisasjonsDetaljerProvider,
+    useOrganisasjonsDetaljerContext,
 } from '../Pages/OrganisasjonDetaljerProvider';
 import { NotifikasjonWidgetProvider } from '@navikt/arbeidsgiver-notifikasjon-widget';
 import { MemoryRouter } from 'react-router-dom';
@@ -40,7 +40,7 @@ describe('Hovedside', () => {
 
 const MedValgtOrganisasjon: FC<{ children: ReactNode }> = ({ children }) => {
     const { organisasjoner } = useOrganisasjonerOgTilgangerContext();
-    const { valgtOrganisasjon, endreOrganisasjon } = useContext(OrganisasjonsDetaljerContext);
+    const { valgtOrganisasjon, endreOrganisasjon } = useOrganisasjonsDetaljerContext();
 
     useEffect(() => {
         if (valgtOrganisasjon !== undefined) return;