ERM-3126 Misleading tailing comma in OrganizationsArrayDisplay

* render comma conditionally * add index, key prop
folio-org · Jan 17, 2024 · 1346af0 · 1346af0
1 parent cc08252
commit 1346af0
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/lib/OrganizationsArrayDisplay/OrganizationsArrayDisplay.js b/lib/OrganizationsArrayDisplay/OrganizationsArrayDisplay.js
@@ -3,10 +3,10 @@ import React from 'react';
 import { Row } from '@folio/stripes/components';
 
 const OrganizationsArrayDisplay = ({ orgs }) => {
-  return orgs.map(record => {
-    const name = record.org?.name ? `${record.org.name}, ` : '';
+  return orgs.map((record, index) => {
+    const name = record.org?.name ? `${record.org.name}${index !== orgs.length - 1 ? ', ' : ''}` : '';
     return (
-      <Row>
+      <Row key={index}>
         {name}
       </Row>
     );