From 5fd3176acc7858284c6e71b305c7c60ba90e9195 Mon Sep 17 00:00:00 2001
From: "Thomas H. Wiberg" <thomas@thawi.no>
Date: Tue, 28 Jan 2025 13:10:27 +0100
Subject: [PATCH] =?UTF-8?q?Separere=20saksnummer=20i=20visning=20n=C3=A5r?=
 =?UTF-8?q?=20det=20er=20flere=20saker=20i=20en=20periode=20(#7029)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Separere saksnummer i visning når det er flere saker i en periode

* Flytte komma ut av lenken
---
 .../VurderOverlappendeSak.tsx                   | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/v2/gui/src/prosess/uttak/vurder-overlappende-sak/VurderOverlappendeSak.tsx b/packages/v2/gui/src/prosess/uttak/vurder-overlappende-sak/VurderOverlappendeSak.tsx
index 8af7550ccc..48272e00a5 100644
--- a/packages/v2/gui/src/prosess/uttak/vurder-overlappende-sak/VurderOverlappendeSak.tsx
+++ b/packages/v2/gui/src/prosess/uttak/vurder-overlappende-sak/VurderOverlappendeSak.tsx
@@ -205,15 +205,22 @@ const VurderOverlappendeSak: FC<Props> = ({ behandling, aksjonspunkt, api, oppda
                       saksnummer,
                     } = periodeMedOverlapp;
                     return (
-                      <React.Fragment key={`${fom}-${tom}-${saksnummer}`}>
+                      <React.Fragment key={`${fom}-${tom}-${saksnummer.toString()}`}>
                         <List as="ul" size="small">
                           <List.Item>
                             <BodyShort as="span">
                               {formatPeriod(fom || '', tom || '')} (
-                              {saksnummer.map(sakNr => (
-                                <a key={`${fom}-${tom}-${sakNr}-link`} href={`/k9/web/fagsak/${sakNr}`} target="_blank">
-                                  {sakNr}
-                                </a>
+                              {saksnummer.map((sakNr, index) => (
+                                <>
+                                  {index > 0 && ', '}
+                                  <a
+                                    key={`${fom}-${tom}-${sakNr}-link`}
+                                    href={`/k9/web/fagsak/${sakNr}`}
+                                    target="_blank"
+                                  >
+                                    {sakNr}
+                                  </a>
+                                </>
                               ))}
                               )
                             </BodyShort>