ny: Vis journalposter for traader

Author: LudvigHz

src/components/Meldinger/Detail/Journalposter.tsx

@@ -0,0 +1,31 @@
+import { List, ReadMore } from '@navikt/ds-react';
+import type { Journalpost } from 'src/generated/modiapersonoversikt-api';
+import { formaterDato } from 'src/utils/string-utils';
+
+type Props = {
+    journalposter: Journalpost[];
+};
+
+export const Journalposter = ({ journalposter }: Props) => {
+    if (journalposter.length === 0) {
+        return null;
+    }
+
+    return (
+        <ReadMore header={`Dialogen er journalført på ${journalposter.length} sak(er)`}>
+            <List size="small">
+                {journalposter.map((p) => {
+                    const navn = p.journalfortAv?.navn ?? 'ukjent';
+                    const dato = formaterDato(p.journalfortDato);
+                    const tema = p.journalfortTemanavn;
+                    const saksid = p.journalfortSaksid ? `saksid ${p.journalfortSaksid}` : 'ukjent saksid';
+                    return (
+                        <li className="list-none" key={`${p.journalfortDato}-${p.journalfortSaksid}`}>
+                            {dato}: {tema} ({saksid}) av {navn}
+                        </li>
+                    );
+                })}
+            </List>
+        </ReadMore>
+    );
+};

src/components/Meldinger/Detail/index.tsx

@@ -19,6 +19,7 @@ import { formatterDatoTid } from 'src/utils/date-utils';
 import { formaterDato } from 'src/utils/string-utils';
 import { meldingerFilterAtom } from '../List/Filter';
 import { erMeldingFraNav, nyesteMelding, saksbehandlerTekst, traadKanBesvares, traadstittel } from '../List/utils';
+import { Journalposter } from './Journalposter';
 
 const TraadMeta = ({ traad }: { traad: Traad }) => (
     <HStack justify="space-between">
@@ -113,6 +114,8 @@ const TraadDetailContent = ({ traadId }: { traadId: string }) => {
                     </Alert>
                 )}
 
+                <Journalposter journalposter={traad.journalposter} />
+
                 <Box.New
                     minHeight="0"
                     overflowY="scroll"