Ny dialog for bankId pålogging

apps/dolly-frontend/src/main/js/src/pages/brukerPage/BrukerModel.tsx → apps/dolly-frontend/src/main/js/src/pages/brukerPage/BrukerModal.tsx

@@ -8,6 +8,8 @@ import { NotFoundError } from '@/error'
 import { Navigate } from 'react-router-dom'
 import { Logger } from '@/logger/Logger'
 import logoutBruker from '@/components/utlogging/logoutBruker'
+import useBoolean from '@/utils/hooks/useBoolean'
+import { ErrorModal } from '@/pages/brukerPage/ErrorModal'
 
 const ORG_ERROR = 'organisation_error'
 const UNKNOWN_ERROR = 'unknown_error'
@@ -19,6 +21,8 @@ export default () => {
 	const [modalHeight, setModalHeight] = useState(310)
 	const [sessionUpdated, setSessionUpdated] = useState(false)
 
+	const [errorModalIsOpen, openErrorModal, closeErrorModal] = useBoolean(false)
+
 	useEffect(() => {
 		PersonOrgTilgangApi.getOrganisasjoner()
 			.then((response: OrgResponse) => {
@@ -28,7 +32,7 @@ export default () => {
 						message: 'Ukjent feil ved henting av organisasjoner for bankid bruker',
 						uuid: window.uuid,
 					})
-					logoutBruker(UNKNOWN_ERROR)
+					openErrorModal()
 				}
 				setOrganisasjoner(response.data)
 				setModalHeight(310 + 55 * response.data.length)
@@ -104,6 +108,11 @@ export default () => {
 			<div className="bruker-modal" style={{ height: modalHeight + 'px', display: 'flexbox' }}>
 				<h1>Velkommen til Dolly</h1>
 				{loading && <Loading label="Loading" />}
+				<ErrorModal
+					closeErrorModal={closeErrorModal}
+					errorModalIsOpen={errorModalIsOpen}
+					error={UNKNOWN_ERROR}
+				/>
 				{!organisasjon && !loading && (
 					<OrganisasjonVelger orgdata={organisasjoner} onClick={selectOrganisasjon} />
 				)}

apps/dolly-frontend/src/main/js/src/pages/brukerPage/BrukerPage.tsx

@@ -1,5 +1,5 @@
 import BlankHeader from '@/components/layout/blankHeader/BlankHeader'
-import BrukerModal from '@/pages/brukerPage/BrukerModel'
+import BrukerModal from '@/pages/brukerPage/BrukerModal'
 import './BrukerPage.less'
 import { Background } from '@/components/ui/background/Background'
 

apps/dolly-frontend/src/main/js/src/pages/brukerPage/ErrorModal.tsx

@@ -0,0 +1,62 @@
+import Icon from '@/components/ui/icon/Icon'
+import NavButton from '@/components/ui/button/NavButton/NavButton'
+import { DollyModal } from '@/components/ui/modal/DollyModal'
+import React from 'react'
+import logoutBruker from '@/components/utlogging/logoutBruker'
+
+export const ErrorModal = ({ errorModalIsOpen, closeErrorModal, error }) => {
+	return (
+		<DollyModal
+			isOpen={errorModalIsOpen}
+			closeModal={() => {
+				closeErrorModal()
+				logoutBruker(error)
+			}}
+			width="40%"
+			overflow="auto"
+		>
+			<div className="slettModal">
+				<div className="slettModal slettModal-content">
+					<Icon size={50} kind="report-problem-circle" />
+					<h1>Manglende tilgang</h1>
+					<h4>
+						Du er nå pålogget med Bank-ID, men mangler tilgang til Dolly. <br/>
+						For å få tilgang må følgende være oppfylt:
+						<ol>
+							<li>Organisasjonen du arbeider for må være lagt til i
+								liste over godkjente organisasjoner hos Nav.
+							</li>
+							<li>Du trenger rettigheten <em>"Tilgang til NAVs Dolly
+								for samarbeidspartnere"</em> i Altinn for denne organisasjonen.
+							</li>
+						</ol>
+						Hvis hensikten er å ta i bruk Dolly kan dette
+						løses som følger:
+						<ol>
+							<li>Ta kontakt med NAV på epost: [email protected],
+								oppgi organisasjonsnummer til organisasjon du jobber for og spør om denne kan gis tilgang
+								til <em>Dolly syntetiske testdata selvbetjening</em>.
+							</li>
+							<li>Ta kontakt med Altinn-ansvarlig i organisasjonen du jobber for
+								og spør om vedkommende kan gi deg rettighet til enkelttjenesten med navn:
+								<em>Tilgang til NAVs Dolly for samarbeidspartnere</em>.
+							</li>
+						</ol>
+						Hvis overnevnte er på plass og du forsatt mangler tilgang, ta kontakt med NAV ved [email protected].
+					</h4>
+				</div>
+				<div className="slettModal-actions">
+					<NavButton
+						onClick={() => {
+							closeErrorModal()
+							logoutBruker(error)
+						}}
+						variant="primary"
+					>
+						OK
+					</NavButton>
+				</div>
+			</div>
+		</DollyModal>
+	)
+}

apps/dolly-frontend/src/main/js/src/pages/brukerPage/types.tsx

@@ -1,9 +1,7 @@
 export type Organisasjon = {
 	navn: string
 	organisasjonsnummer: string
-	organisasjonsfrom?: string
 	organisasjonsform?: string
-	gyldigTil?: string
 }
 
 export type OrgResponse = {

apps/dolly-frontend/src/main/js/src/service/services/personOrganisasjonTilgang/PersonOrganisasjonTilgangService.tsx

@@ -14,5 +14,5 @@ export default {
 			.then((response) => {
 				return response
 			})
-	}
+	},
 }