Bugfix/idporten issues (#3430)

* Lagt til Azure application med dolly group claim for testnav-bruker-service * Lagt til formMethods i BrukernavnVelger * Fikset design på innlogging mot idporten
navikt · Mar 5, 2024 · c115809 · c115809
1 parent 384650c
commit c115809
Show file tree

Hide file tree

Showing 5 changed files with 54 additions and 36 deletions.
diff --git a/apps/bruker-service/config.test.yml b/apps/bruker-service/config.test.yml
@@ -8,6 +8,13 @@ metadata:
 spec:
   image: "{{image}}"
   port: 8080
+  azure:
+    application:
+      enabled: true
+      tenant: nav.no
+      claims:
+        groups:
+          - id: 9c7efec1-1599-4216-a67e-6fd53a6a951c
   tokenx:
     enabled: true
   accessPolicy:

diff --git a/apps/bruker-service/config.yml b/apps/bruker-service/config.yml
@@ -8,6 +8,13 @@ metadata:
 spec:
   image: "{{image}}"
   port: 8080
+  azure:
+    application:
+      enabled: true
+      tenant: nav.no
+      claims:
+        groups:
+          - id: 9c7efec1-1599-4216-a67e-6fd53a6a951c
   tokenx:
     enabled: true
   accessPolicy:

diff --git a/apps/dolly-frontend/src/main/js/src/pages/brukerPage/BrukerModel.tsx b/apps/dolly-frontend/src/main/js/src/pages/brukerPage/BrukerModel.tsx
@@ -1,5 +1,4 @@
 import React, { useEffect, useState } from 'react'
-import NavButton from '@/components/ui/button/NavButton/NavButton'
 import Loading from '@/components/ui/loading/Loading'
 import BrukernavnVelger from '@/pages/brukerPage/BrukernavnVelger'
 import OrganisasjonVelger from '@/pages/brukerPage/OrganisasjonVelger'
@@ -72,13 +71,6 @@ export default () => {
 				{organisasjon && !loading && (
 					<BrukernavnVelger organisasjon={organisasjon} addToSession={addToSession} />
 				)}
-				<NavButton
-					className="tilbake-button"
-					onClick={() => navigateToLogin()}
-					variant={'secondary'}
-				>
-					Tilbake til innlogging
-				</NavButton>
 			</div>
 		</div>
 	)

diff --git a/apps/dolly-frontend/src/main/js/src/pages/brukerPage/BrukerPage.less b/apps/dolly-frontend/src/main/js/src/pages/brukerPage/BrukerPage.less
@@ -33,14 +33,14 @@
     width: 550px;
   }
 
-  .tilbake-button{
+  .tilbake-button {
     border: none;
     margin: 10px 0 0 0;
   }
 
-  .videre-button{
-    padding: 0 30px 0 30px;
-    margin-top: 23px;
+  .videre-button {
+    margin-top: 12px;
+    margin-right: 20px;
   }
 
   .loading-component {

diff --git a/apps/dolly-frontend/src/main/js/src/pages/brukerPage/BrukernavnVelger.tsx b/apps/dolly-frontend/src/main/js/src/pages/brukerPage/BrukernavnVelger.tsx
@@ -4,6 +4,8 @@ import NavButton from '@/components/ui/button/NavButton/NavButton'
 import { DollyTextInput } from '@/components/ui/form/inputs/textInput/TextInput'
 import { Bruker, Organisasjon } from '@/pages/brukerPage/types'
 import { BrukerApi } from '@/service/Api'
+import { FormProvider, useForm } from 'react-hook-form'
+import { navigateToLogin } from '@/components/utlogging/navigateToLogin'
 
 type BrukernavnVelgerProps = {
 	organisasjon: Organisasjon
@@ -12,7 +14,7 @@ type BrukernavnVelgerProps = {
 
 const Selector = styled.div`
 	display: flexbox;
-	text-align: left;
+	text-align: -webkit-center;
 	justify-content: center;
 	margin-bottom: 20px;
 `
@@ -25,6 +27,7 @@ const feilmeldinger = {
 }
 
 export default ({ organisasjon, addToSession }: BrukernavnVelgerProps) => {
+	const formMethods = useForm()
 	const [brukernavn, setBrukernavn] = useState<string>('')
 	const [loading, setLoading] = useState(false)
 	const [error, setError] = useState(null)
@@ -67,30 +70,39 @@ export default ({ organisasjon, addToSession }: BrukernavnVelgerProps) => {
 
 	return (
 		<React.Fragment>
-			<h3>
-				Lag ditt eget brukernavn som brukes når du representerer <b>{organisasjon.navn}</b>. Neste
-				gang du logger inn for denne organisasjonen skjer det automatisk med dette brukernavnet.
-			</h3>
+			<FormProvider {...formMethods}>
+				<h3>
+					Lag ditt eget brukernavn som brukes når du representerer <b>{organisasjon.navn}</b>. Neste
+					gang du logger inn for denne organisasjonen skjer det automatisk med dette brukernavnet.
+				</h3>
 
-			<Selector>
-				<DollyTextInput
-					name="brukernavn"
-					label="Brukernavn"
-					value={brukernavn}
-					// @ts-ignore
-					size="xlarge"
-					onChange={(e: any) => onChange(e.target.value)}
-					isDisabled={loading}
-				/>
-				<NavButton
-					onClick={() => onSubmit()}
-					variant={'primary'}
-					className="videre-button"
-					disabled={error}
-				>
-					Gå videre til Dolly
-				</NavButton>
-			</Selector>
+				<Selector>
+					<DollyTextInput
+						name="brukernavn"
+						label="Brukernavn"
+						value={brukernavn}
+						// @ts-ignore
+						size="xlarge"
+						onChange={(e: any) => onChange(e.target.value)}
+						isDisabled={loading}
+					/>
+					<NavButton
+						onClick={() => onSubmit()}
+						variant={'primary'}
+						className="videre-button"
+						disabled={error}
+					>
+						Gå videre til Dolly
+					</NavButton>
+					<NavButton
+						className="tilbake-button"
+						onClick={() => navigateToLogin()}
+						variant={'secondary'}
+					>
+						Tilbake til innlogging
+					</NavButton>
+				</Selector>
+			</FormProvider>
 		</React.Fragment>
 	)
 }