fix. Mulighet for å lukke modal for å overta avtale

* La til heading på modal slik at X-knapp blir vist * Fikse aria-label på modal
navikt · Apr 4, 2024 · 109976b · 109976b
1 parent 4ae67ed
commit 109976b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/AvtaleSide/OvertaAvtalen/UfordeltModusModal.tsx b/src/AvtaleSide/OvertaAvtalen/UfordeltModusModal.tsx
@@ -1,6 +1,6 @@
 import { FordelAvtaleVeileder } from '@/AvtaleSide/steg/GodkjenningSteg/FordelAvtaleVeileder';
 import BEMHelper from '@/utils/bem';
-import { Modal } from '@navikt/ds-react';
+import { Heading, Modal } from '@navikt/ds-react';
 import React from 'react';
 import './UfordeltModusModal.less';
 
@@ -14,8 +14,10 @@ interface Props {
 const UfordeltModusModal = (props: Props) => {
     return (
         <Modal
-            aria-label="Overta avtale -modal"
+            aria-label="Modal for å overta avtale"
             className={cls.element('modal')}
+            closeOnBackdropClick
+            header={{ heading: 'Avtalen er ufordelt' }}
             onClose={props.lukkModal}
             open={props.isOpen}
         >

diff --git a/src/AvtaleSide/steg/GodkjenningSteg/FordelAvtaleVeileder.tsx b/src/AvtaleSide/steg/GodkjenningSteg/FordelAvtaleVeileder.tsx
@@ -12,9 +12,6 @@ export const FordelAvtaleVeileder: FunctionComponent = () => {
     return (
         <Innholdsboks>
             <div style={{ textAlign: 'center' }}>
-                <VerticalSpacer rem={1} />
-                <Heading size="medium">Avtalen er ufordelt</Heading>
-                <VerticalSpacer rem={1} />
                 <BodyShort size="small">
                     Avtalen er opprettet av arbeidsgiver. Den er ikke tildelt en veileder ennå.
                 </BodyShort>