Add Behandlingsnotat to OppsummeringAvTilbakekrevingsbehandling

Author: ramnav990

src/components/oppsummering/oppsummeringAvTilbakekrevingsbehandling/OppsummeringAvTilbakekrevingsbehandling-nb.ts

@@ -1,5 +1,6 @@
 export default {
     'oppsummering.tilbakekrevingsbehandling.panel.tittel': 'Oppsummering av Tilbakekrevingsbehandling',
+    'oppsummering.tilbakekrevingsbehandling.panel.notat.tittel': 'Behandlingsnotat',
     'oppsummering.tilbakekrevingsbehandling.opprettet': 'Opprettet',
     'oppsummering.tilbakekrevingsbehandling.startet': 'Tilbakekrevingsbehandling startet',
     'oppsummering.tilbakekrevingsbehandling.opprettetAv': 'Opprettet av',

src/components/oppsummering/oppsummeringAvTilbakekrevingsbehandling/OppsummeringAvTilbakekrevingsbehandling.module.less

@@ -1,6 +1,8 @@
 @import '@styles/variables.less';
 
 .oppsummeringspageContainer {
+    max-width: 900px;
+
     > :not(:last-child) {
         margin-bottom: @spacing;
     }
@@ -12,6 +14,10 @@
     }
 }
 
+.notat {
+    white-space: pre-wrap;
+}
+
 .metaInfoContainer {
     display: grid;
     grid-template-columns: repeat(3, 1fr);

src/components/oppsummering/oppsummeringAvTilbakekrevingsbehandling/OppsummeringAvTilbakekrevingsbehandling.tsx

@@ -1,5 +1,5 @@
 import * as RemoteData from '@devexperts/remote-data-ts';
-import { Button, Heading, Label } from '@navikt/ds-react';
+import { BodyLong, Button, Heading, Label } from '@navikt/ds-react';
 
 import { forhåndsvisVedtaksbrevTilbakekrevingsbehandling } from '~src/api/tilbakekrevingApi';
 import ApiErrorAlert from '~src/components/apiErrorAlert/ApiErrorAlert';
@@ -45,6 +45,19 @@ const OppsummeringAvTilbakekrevingsbehandling = (props: {
                         <OppsummeringAvMetaInformasjon behandling={props.behandling} />
                         <UnderkjenteAttesteringer attesteringer={props.behandling.attesteringer} />
                         <OppsummeringAvVurdering vurderinger={props.behandling.vurderinger} />
+
+                        {props.behandling.notat && (
+                            <div>
+                                <Heading size="small" level="6" spacing>
+                                    {formatMessage('oppsummering.tilbakekrevingsbehandling.panel.notat.tittel')}
+                                </Heading>
+                                {
+                                    <BodyLong className={styles.notat} spacing>
+                                        {props.behandling.notat}
+                                    </BodyLong>
+                                }
+                            </div>
+                        )}
                     </Oppsummeringspanel>
                     <OppsummeringAvTilbakekrevingsbehandlingbrev behandling={props.behandling} />
                 </>