Separere saksnummer i visning når det er flere saker i en periode (#7029

) * Separere saksnummer i visning når det er flere saker i en periode * Flytte komma ut av lenken
navikt · Jan 28, 2025 · 5fd3176 · 5fd3176
1 parent ea3d03e
commit 5fd3176
Showing 1 changed file with 12 additions and 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
@@ -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>