diff --git a/src/App/Hovedside/BeOmTilgang/BeOmTilgang.tsx b/src/App/Hovedside/BeOmTilgang/BeOmTilgang.tsx index abe7fe7dd..635aa7b9c 100644 --- a/src/App/Hovedside/BeOmTilgang/BeOmTilgang.tsx +++ b/src/App/Hovedside/BeOmTilgang/BeOmTilgang.tsx @@ -1,9 +1,7 @@ -import React, {FC, FunctionComponent, MouseEventHandler, useContext} from 'react'; -import {Ekspanderbartpanel} from '../../../GeneriskeElementer/Ekspanderbartpanel'; -import { - OrganisasjonInfo, -} from '../../OrganisasjonerOgTilgangerProvider'; -import {OrganisasjonsDetaljerContext} from '../../OrganisasjonDetaljerProvider'; +import React, { FC, FunctionComponent, MouseEventHandler, useContext } from 'react'; +import { Ekspanderbartpanel } from '../../../GeneriskeElementer/Ekspanderbartpanel'; +import { OrganisasjonInfo } from '../../OrganisasjonerOgTilgangerProvider'; +import { OrganisasjonsDetaljerContext } from '../../OrganisasjonDetaljerProvider'; import Organisasjonsbeskrivelse from './Organisasjonsbeskrivelse/Organisasjonsbeskrivelse'; import { AltinntilgangAlleredeSøkt, @@ -11,11 +9,11 @@ import { BeOmSyfotilgang, } from './TjenesteInfo/TjenesteInfo'; import './BeOmTilgang.css'; -import {altinntjeneste, AltinntjenesteId} from '../../../altinn/tjenester'; -import {opprettAltinnTilgangssøknad} from '../../../altinn/tilganger'; -import {beOmTilgangIAltinnLink} from '../../../lenker'; -import {LinkableFragment} from '../../../GeneriskeElementer/LinkableFragment'; -import {Alert, BodyShort, Heading} from "@navikt/ds-react"; +import { altinntjeneste, AltinntjenesteId } from '../../../altinn/tjenester'; +import { opprettAltinnTilgangssøknad } from '../../../altinn/tilganger'; +import { beOmTilgangIAltinnLink } from '../../../lenker'; +import { LinkableFragment } from '../../../GeneriskeElementer/LinkableFragment'; +import { Alert, BodyShort, Heading } from '@navikt/ds-react'; const altinnIdIRekkefølge: AltinntjenesteId[] = [ 'rekruttering', @@ -31,24 +29,23 @@ const altinnIdIRekkefølge: AltinntjenesteId[] = [ 'inkluderingstilskudd', 'mentortilskudd', 'inntektsmelding', - 'tilskuddsbrev', ]; const beOmTilgangUrlFallback = ( altinnId: AltinntjenesteId, - valgtOrganisasjon: OrganisasjonInfo, + valgtOrganisasjon: OrganisasjonInfo ): string => { const tjeneste = altinntjeneste[altinnId]; return beOmTilgangIAltinnLink( valgtOrganisasjon.organisasjon.OrganizationNumber, tjeneste.tjenestekode, - tjeneste.tjenesteversjon, + tjeneste.tjenesteversjon ); }; const opprettSøknad = ( altinnId: AltinntjenesteId, - valgtOrganisasjon: OrganisasjonInfo, + valgtOrganisasjon: OrganisasjonInfo ): MouseEventHandler => { let harTrykket = false; /* ikke opprett to søknader hvis bruker klikker raskt på knappen. */ return () => { @@ -63,7 +60,7 @@ const opprettSøknad = ( altinnId, redirectUrl: redirectUrl.toString(), }) - .then(søknad => { + .then((søknad) => { if (søknad === null) { window.location.href = beOmTilgangUrlFallback(altinnId, valgtOrganisasjon); } else { @@ -77,23 +74,27 @@ const opprettSøknad = ( }; const BeOmTilgang: FunctionComponent = () => { - const {valgtOrganisasjon} = useContext(OrganisasjonsDetaljerContext); + const { valgtOrganisasjon } = useContext(OrganisasjonsDetaljerContext); const tjenesteinfoBokser: JSX.Element[] = []; if (valgtOrganisasjon === undefined) { return null; } - if (valgtOrganisasjon.syfotilgang && !valgtOrganisasjon.reporteetilgang){ - return - Noen i virksomheten må gi deg riktig tilgang i Altinn. Nå er du kun satt opp som nærmeste leder. - + if (valgtOrganisasjon.syfotilgang && !valgtOrganisasjon.reporteetilgang) { + return ( + + + Noen i virksomheten må gi deg riktig tilgang i Altinn. Nå er du kun satt opp som + nærmeste leder. + + + ); } if (!valgtOrganisasjon.syfotilgang) { - tjenesteinfoBokser.push(); + tjenesteinfoBokser.push(); } - if (valgtOrganisasjon.reporteetilgang) { for (let altinnId of altinnIdIRekkefølge) { const tilgang = valgtOrganisasjon.altinntilgang[altinnId]; @@ -106,88 +107,94 @@ const BeOmTilgang: FunctionComponent = () => { altinnId={altinnId} onClick={opprettSøknad(altinnId, valgtOrganisasjon)} eksternSide={true} - />, + /> ); } else if (tilgangsøknad.tilgang === 'søknad opprettet') { tjenesteinfoBokser.push( - , + ); } else if (tilgangsøknad.tilgang === 'søkt') { tjenesteinfoBokser.push( , + /> ); } else if (tilgangsøknad.tilgang === 'godkjent') { tjenesteinfoBokser.push( , + /> ); } } } if (tjenesteinfoBokser.length <= 0) { - return null + return null; } return ( - -
- - Du har ikke rettighetene som kreves for å bruke disse tjenestene. Du - kan be om tilgang til de spesifikke tjenestene ved å følge lenkene - under. - - -
    - {tjenesteinfoBokser.map((tjenesteinfoboks, index) => ( -
  • - {tjenesteinfoboks} -
  • - ))} -
-
-
+ +
+ + Du har ikke rettighetene som kreves for å bruke disse tjenestene. Du kan be + om tilgang til de spesifikke tjenestene ved å følge lenkene under. + + +
    + {tjenesteinfoBokser.map((tjenesteinfoboks, index) => ( +
  • + {tjenesteinfoboks} +
  • + ))} +
+
+
); }; -interface props{ - children: JSX.Element +interface props { + children: JSX.Element; } -const TilgangContainer: FC= ({children}) => - -
-
-
- +const TilgangContainer: FC = ({ children }) => ( + +
+
+
+ Trenger du tilgang til flere tjenester? -
+
{children}
+); export default BeOmTilgang;