klage utfall har også felt for når klageinstans mottok klagen

navikt · Aug 26, 2024 · d07eec7 · d07eec7
1 parent c2010ae
commit d07eec7
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 23 deletions.
diff --git a/src/components/oppsummering/oppsummeringAvKlage/OppsummeringAvKlage.tsx b/src/components/oppsummering/oppsummeringAvKlage/OppsummeringAvKlage.tsx
@@ -1,5 +1,5 @@
 import * as RemoteData from '@devexperts/remote-data-ts';
-import { BodyShort, Label, Heading, Button, Tag } from '@navikt/ds-react';
+import { BodyShort, Label, Heading, Button, VStack } from '@navikt/ds-react';
 import classNames from 'classnames';
 
 import * as DokumentApi from '~src/api/dokumentApi';
@@ -73,14 +73,19 @@ const OppsummeringAvKlage = (props: { klage: Klage; klagensVedtak: Vedtak }) =>
                         <Heading size="xsmall" level="6">
                             Utfallshistorikk
                         </Heading>
-                        {props.klage.klagevedtakshistorikk.map((vedtattUtfall, idx) => (
-                            <div key={`${props.klage.id} - ${idx}`}>
-                                <BodyShort>
-                                    {vedtattUtfall.utfall ?? 'Anke'} -{' '}
-                                    {DateUtils.formatDateTime(vedtattUtfall.opprettet)}
-                                </BodyShort>
-                            </div>
-                        ))}
+                        <VStack gap="2">
+                            {props.klage.klagevedtakshistorikk.map((vedtattUtfall, idx) => (
+                                <div key={`${props.klage.id} - ${idx}`}>
+                                    <BodyShort>{vedtattUtfall.utfall ?? 'Anke'}</BodyShort>
+                                    {vedtattUtfall.klageinstansMottok && (
+                                        <BodyShort>
+                                            Klageinstans mottok klagen:{' '}
+                                            {DateUtils.formatDateTime(vedtattUtfall.klageinstansMottok)}
+                                        </BodyShort>
+                                    )}
+                                </div>
+                            ))}
+                        </VStack>
                     </div>
                 )}
 
@@ -187,14 +192,6 @@ export const FormkravInfo = (props: { klage: Klage; klagensVedtak: Vedtak }) =>
                 />
             </div>
 
-            <div className={styles.klagevedtakshistorikkContainer}>
-                {props.klage.klagevedtakshistorikk.map((vedtattUtfall) => (
-                    <Tag key={vedtattUtfall.opprettet} variant="info">
-                        {vedtattUtfall.utfall} - {DateUtils.formatDateTime(vedtattUtfall.opprettet)}
-                    </Tag>
-                ))}
-            </div>
-
             {props.klage.begrunnelse && (
                 <OppsummeringPar
                     label={formatMessage('formkrav.begrunnelse.label')}

diff --git a/src/components/oppsummering/oppsummeringAvKlage/oppsummeringAvKlage.module.less b/src/components/oppsummering/oppsummeringAvKlage/oppsummeringAvKlage.module.less
@@ -29,12 +29,6 @@
     grid-template-columns: repeat(5, 1fr);
 }
 
-.klagevedtakshistorikkContainer {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: @spacing-s;
-}
-
 .formkravBegrunnelse {
     white-space: pre-wrap;
 }

diff --git a/src/types/Klage.ts b/src/types/Klage.ts
@@ -129,6 +129,7 @@ export enum Utfall {
 export interface VedtattUtfall {
     utfall: Nullable<Utfall>;
     opprettet: string;
+    klageinstansMottok: Nullable<string>;
 }
 
 export enum KlageSteg {