diff --git a/package.json b/package.json index f6cb487..e547d76 100644 --- a/package.json +++ b/package.json @@ -3,9 +3,9 @@ "version": "0.1.0", "private": true, "dependencies": { - "@digdir/designsystemet-css": "^0.2.1", - "@digdir/designsystemet-react": "^0.53.1", - "@digdir/designsystemet-theme": "^0.14.1", + "@digdir/designsystemet-css": "^0.2.3", + "@digdir/designsystemet-react": "^0.55.0", + "@digdir/designsystemet-theme": "^0.15.0", "@navikt/aksel-icons": "5.18.3", "@tanstack/react-query": "^5.17.9", "@types/node": "^20.11.0", diff --git a/src/components/common/Header/Header.tsx b/src/components/common/Header/Header.tsx index 1ea0525c..ec71c69 100644 --- a/src/components/common/Header/Header.tsx +++ b/src/components/common/Header/Header.tsx @@ -20,13 +20,15 @@ import { XMarkIcon, } from "@navikt/aksel-icons"; import { useMediaQuery } from "react-responsive"; +import {useEnhet} from "../../../hooks/brreg"; function Header() { - const { data, isLoading } = useUser(); + const { data: user } = useUser(); + const { data: orgName } = useEnhet(user?.user?.reporteeId || "", user && !user.user?.trusted) const [open, setOpen] = useState(false); const isSmallScreen = useMediaQuery({ query: "(max-width: 767px)" }); const location = useLocation(); - const isLoggedIn = !isLoading && data!!.isAuthenticated; + const isLoggedIn = !!user && user.isAuthenticated; return (
@@ -106,9 +108,9 @@ function Header() { {!isSmallScreen && isLoggedIn && ( <>
- {data!!.user!!.name} + {user.user!!.name} - {data!!.user!!.reporteeName} + {user.user!!.trusted ? user.user!!.reporteeName : orgName?.navn}
diff --git a/src/components/dashboard/NewClientModal/Step2.tsx b/src/components/dashboard/NewClientModal/Step2.tsx index 3c39d0c..552aabd 100644 --- a/src/components/dashboard/NewClientModal/Step2.tsx +++ b/src/components/dashboard/NewClientModal/Step2.tsx @@ -142,21 +142,21 @@ const Step2 = () => { - For å gå videre må du laste ned private-key. + For å gå videre må du laste ned privatnøkkel. - Vi anbefaler at du laster ned public-key i tillegg. + Vi anbefaler at du laster ned offentlig nøkkel i tillegg. Du er selv ansvarlig for å holde privatnøkkelen sikker.
- Last ned publickey + Last ned offentlig nøkkel - Last ned privatekey + Last ned privatnøkkel
diff --git a/src/components/landing/Landingpage.tsx b/src/components/landing/Landingpage.tsx index 96f5fc6..dc87d00 100644 --- a/src/components/landing/Landingpage.tsx +++ b/src/components/landing/Landingpage.tsx @@ -12,17 +12,23 @@ import styles from "./styles.module.scss"; import { login } from "../auth/login"; import ContentContainer from "../common/ContentContainer/ContentContainer"; import { link } from "../util/textTransforms"; -import { useSearchParams } from "react-router-dom"; +import {Navigate, useSearchParams} from "react-router-dom"; import { Helmet } from "react-helmet-async"; +import {useUser} from "../../hooks/auth"; const enkelttjenestenavn = "Selvbetjening av integrasjoner i ID-porten/Maskinporten"; function Landingpage() { const [params] = useSearchParams(); + const {data: user} = useUser(); const error = params.get("error"); const auth = params.get("auth"); + if (user && user.isAuthenticated) { + return + } + return ( @@ -93,25 +99,6 @@ function Landingpage() { - - - - Hva betyr enkelttjeneste-tilgang? - - - - - Enkelttjeneste-tilgang beyr at du har rettighet til - enkelttjenesten "{enkelttjenestenavn}" på vegne av virksomheten. - - - Du kan se om du har denne rettigheten ved å logge inn i Altinn, - velge rett virksomhet og navigere til Profil. Under fanen "Skjema - og tjenester du har rettighet til" vil denne komme opp under "Har - tilgang til disse [antall] enkelttjenestene". - - - @@ -156,7 +143,7 @@ function Landingpage() { Dersom du allerede er tilknyttet din virksomhet gjennom en eksisterende rolle eller tjeneste i Altinn kan du{" "} {link( - "https://www.altinn.no/hjelp/profil/sporre-om-rettighet/slik-spor-du-om-rettighet/", + "https://info.altinn.no/hjelp/profil/be-om-tilgang/", "etterspørre rettigheten", true, )} @@ -176,7 +163,7 @@ function Landingpage() { Virksomheten din kan også ha satt opp rollen{" "} {link( - "https://www.altinn.no/hjelp/profil/roller-og-rettigheter/hvordan-gi-rettigheter-til-andre/", + "https://info.altinn.no/hjelp/profil/enkelttjenester-og-roller/hvordan-gi-en-enkelttjeneste-og-rolle-til-andre/", "tilgangsstyrer", true, )}{" "} @@ -187,7 +174,7 @@ function Landingpage() { Fremgangsmåten for å tildele en enkelttjeneste er beskrevet{" "} {link( - "https://www.altinn.no/hjelp/profil/roller-og-rettigheter/hvordan-gi-rettigheter-til-andre/", + "https://info.altinn.no/hjelp/profil/enkelttjenester-og-roller/hvordan-gi-en-enkelttjeneste-og-rolle-til-andre/", "her", true, )}{" "} diff --git a/src/components/onboarding/TabsSection/KeySection.tsx b/src/components/onboarding/TabsSection/KeySection.tsx index 8052769..754f348 100644 --- a/src/components/onboarding/TabsSection/KeySection.tsx +++ b/src/components/onboarding/TabsSection/KeySection.tsx @@ -16,7 +16,8 @@ function KeySection() { Her lager du ditt eget asymmentriske nøkkelpar. Når du oppretter en ny - integrasjon, legger du ved public-nøkkelen du ønsker å bruke. Du får en{" "} + integrasjon, legger du ved public-nøkkelen du ønsker å bruke eller + velger å få en ferdiggenerert nøkkel. Du får en{" "} key id (kid) som du kan referere til som en del av JWT-grant og bruker privatnøkkelen til å signere hele JWT-tokenet @@ -35,7 +36,8 @@ function KeySection() { Du har opprettet et RSA nøkkelpar og har public-delen av nøkkelen tilgjengelig. Om du ikke har et eksisterende nøkkelpar kan du opprette et med kommandoene. Om du ikke trenger en keystore, kan du - hoppe over punkt to. + hoppe over punkt to. Om du vil generere nøkkel under oppretting av + integrasjon kan du hoppe over alle tre stegene.
  1. @@ -65,7 +67,7 @@ function KeySection() { Det er opprett en {link("/dashboard", "ny integrasjon ")} eller en eksisterende integrasjon registrert med en public-nøkkel. Dersom du oppretter ny integrasjon, last opp public-delen av nøkkelen du - ønsker å bruke ved opprettelse. + ønsker å bruke eller generer en nøkkel under oppretting.
@@ -77,6 +79,7 @@ function KeySection() { {link( "https://docs.digdir.no/docs/Maskinporten/maskinporten_protocol_jwtgrant", "standarden", + true )} . Følgende felter er påkrevd diff --git a/src/components/onboarding/TabsSection/SertificateSection.tsx b/src/components/onboarding/TabsSection/SertificateSection.tsx index e15ece6..6f53155 100644 --- a/src/components/onboarding/TabsSection/SertificateSection.tsx +++ b/src/components/onboarding/TabsSection/SertificateSection.tsx @@ -31,6 +31,7 @@ function SertificateSection() { {link( "https://docs.digdir.no/docs/Maskinporten/maskinporten_autentisering#hvem-kan-utstede-virksomhetssertifikater", "Hvordan skaffer jeg et virksomhetssertifikat?", + true )}
  • @@ -53,6 +54,7 @@ function SertificateSection() { {link( "https://docs.digdir.no/docs/Maskinporten/maskinporten_protocol_jwtgrant", "standarden", + true )} . Følgende felter er påkrevd
  • diff --git a/src/components/onboarding/TabsSection/TabsSection.tsx b/src/components/onboarding/TabsSection/TabsSection.tsx index 27c6618..eb1e4a2 100644 --- a/src/components/onboarding/TabsSection/TabsSection.tsx +++ b/src/components/onboarding/TabsSection/TabsSection.tsx @@ -33,7 +33,7 @@ function TabsSection() { onClick={() => setSelectedTab(2)} > - Manuelt opplastet nøkkel + Nøkkel