diff --git a/bff/src/Altinn.Authentication.UI/Altinn.Authentication.UI/Views/Home/Index.cshtml b/bff/src/Altinn.Authentication.UI/Altinn.Authentication.UI/Views/Home/Index.cshtml index e394f1c6..9a2424e3 100644 --- a/bff/src/Altinn.Authentication.UI/Altinn.Authentication.UI/Views/Home/Index.cshtml +++ b/bff/src/Altinn.Authentication.UI/Altinn.Authentication.UI/Views/Home/Index.cshtml @@ -20,7 +20,7 @@ href="https://altinncdn.no/fonts/inter/inter.css" /> Altinn - +
@if (isDev) { diff --git a/frontend/index.html b/frontend/index.html index a97ee402..6727381d 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -1,5 +1,5 @@ - + diff --git a/frontend/src/components/PageDescription/PageDescription.module.css b/frontend/src/components/PageDescription/PageDescription.module.css new file mode 100644 index 00000000..91cf6099 --- /dev/null +++ b/frontend/src/components/PageDescription/PageDescription.module.css @@ -0,0 +1,6 @@ +.pageDescription { + display: flex; + flex-direction: column; + gap: var(--ds-spacing-1); + margin-bottom: var(--ds-spacing-8); +} diff --git a/frontend/src/components/PageDescription/PageDescription.tsx b/frontend/src/components/PageDescription/PageDescription.tsx new file mode 100644 index 00000000..d2631efa --- /dev/null +++ b/frontend/src/components/PageDescription/PageDescription.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Heading, Paragraph } from '@digdir/designsystemet-react'; +import classes from './PageDescription.module.css'; + +interface PageDescriptionProps { + heading: string; + ingress: string; +} + +export const PageDescription = ({ heading, ingress }: PageDescriptionProps): React.ReactNode => { + return ( +
+ + {heading} + + {ingress} +
+ ); +}; diff --git a/frontend/src/components/PageDescription/index.ts b/frontend/src/components/PageDescription/index.ts new file mode 100644 index 00000000..affa3f2f --- /dev/null +++ b/frontend/src/components/PageDescription/index.ts @@ -0,0 +1 @@ +export { PageDescription } from './PageDescription'; diff --git a/frontend/src/features/creationpage/CreationPageContent.tsx b/frontend/src/features/creationpage/CreationPageContent.tsx index d4cd1293..648ce12e 100644 --- a/frontend/src/features/creationpage/CreationPageContent.tsx +++ b/frontend/src/features/creationpage/CreationPageContent.tsx @@ -1,13 +1,14 @@ import React from 'react'; import { useTranslation } from 'react-i18next'; import { useNavigate } from 'react-router-dom'; -import { Button, Heading, Combobox, Alert, Paragraph } from '@digdir/designsystemet-react'; +import { Button, Combobox, Alert } from '@digdir/designsystemet-react'; import { AuthenticationRoute } from '@/routes/paths'; import classes from './CreationPageContent.module.css'; import { useGetVendorsQuery } from '@/rtk/features/systemUserApi'; import { useAppDispatch, useAppSelector } from '@/rtk/app/hooks'; import { setSelectedSystemType } from '@/rtk/features/createSystemUserSlice'; import { i18nLanguageToShortLanguageCode } from '@/utils/languageUtils'; +import { PageDescription } from '@/components/PageDescription'; export const CreationPageContent = () => { const { i18n, t } = useTranslation(); @@ -42,10 +43,10 @@ export const CreationPageContent = () => { return (
- - {t('authent_creationpage.sub_title')} - - {t('authent_creationpage.content_text1')} +
{
-
- - {systemUser.integrationTitle || t('authent_detailpage.no_name')} - - {systemUser.supplierName?.toUpperCase()} -
+ {IS_EDIT_NAME_ENABLED && ( { const { @@ -51,12 +52,10 @@ export const OverviewPageContent = () => { return (
{(!userCanCreateSystemUser || (systemUsers && systemUsers.length === 0)) && ( - <> - - {t('authent_overviewpage.sub_title')} - - {t('authent_overviewpage.sub_title_text')} - + )}