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 = { }; 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 = ({ 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) = }} > {tittel} - {beskrivelse ?? dateFormat.format(visFra)} + + {beskrivelse ?? dateFormat.format(visFra)} + ); @@ -46,15 +48,16 @@ const aktuelt: Array = [ { 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 = [ 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 = [ 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> = gql` query HentKalenderavtaler($virksomhetsnumre: [String!]!) { @@ -36,7 +36,7 @@ const HENT_KALENDERAVTALER: TypedDocumentNode { - 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 (
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 - ?
  • + {tilgangInntektsmelding === true ? ( +
  • Inntektsmelding sykepenger
    • - : 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 ( {sykefravær !== undefined ? ( 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; 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 ( {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({} as Context); +const OrganisasjonsDetaljerContext = React.createContext(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 = ({ 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;