From f9390d3151e76c44031aef9503e0ff4efbe9311d Mon Sep 17 00:00:00 2001
From: ramziabuqassim <ramzi.abu.qassim@nav.no>
Date: Mon, 16 Oct 2023 11:17:01 +0200
Subject: [PATCH] status error ved opprett tilbakekrevingsbehandling

---
 .../opprettTilbakekreving/OpprettTilbakekreving.module.less     | 1 +
 .../opprettTilbakekreving/OpprettTilbakekreving.tsx             | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/src/pages/saksbehandling/tilbakekreving/opprettTilbakekreving/OpprettTilbakekreving.module.less b/src/pages/saksbehandling/tilbakekreving/opprettTilbakekreving/OpprettTilbakekreving.module.less
index 6af565771..24ad3e255 100644
--- a/src/pages/saksbehandling/tilbakekreving/opprettTilbakekreving/OpprettTilbakekreving.module.less
+++ b/src/pages/saksbehandling/tilbakekreving/opprettTilbakekreving/OpprettTilbakekreving.module.less
@@ -28,6 +28,7 @@
     gap: @spacing-s;
     align-items: flex-start;
     height: max-content;
+    width: 35%;
 }
 
 .knappContainer {
diff --git a/src/pages/saksbehandling/tilbakekreving/opprettTilbakekreving/OpprettTilbakekreving.tsx b/src/pages/saksbehandling/tilbakekreving/opprettTilbakekreving/OpprettTilbakekreving.tsx
index 26783c86e..7512b693b 100644
--- a/src/pages/saksbehandling/tilbakekreving/opprettTilbakekreving/OpprettTilbakekreving.tsx
+++ b/src/pages/saksbehandling/tilbakekreving/opprettTilbakekreving/OpprettTilbakekreving.tsx
@@ -3,6 +3,7 @@ import { Button, Heading, Panel } from '@navikt/ds-react';
 import React from 'react';
 import { useNavigate } from 'react-router-dom';
 
+import ApiErrorAlert from '~src/components/apiErrorAlert/ApiErrorAlert';
 import LinkAsButton from '~src/components/linkAsButton/LinkAsButton';
 import OppsummeringAvKravgrunnlag from '~src/components/oppsummering/kravgrunnlag/OppsummeringAvKravgrunnlag';
 import { opprettNyTilbakekrevingsbehandling } from '~src/features/TilbakekrevingActions';
@@ -84,6 +85,7 @@ const KanTilbakekreves = (props: { sakId: string; saksversjon: number; kravgrunn
                         {formatMessage('tilbakekreving.kanTilbakekreves.ny')}
                     </Button>
                 </div>
+                {RemoteData.isFailure(opprettStatus) && <ApiErrorAlert error={opprettStatus.error} />}
             </Panel>
             <OppsummeringAvKravgrunnlag kravgrunnlag={props.kravgrunnlag} />
         </>