From fddca1becea56217c4fb7d065f5e06497bc32a57 Mon Sep 17 00:00:00 2001
From: Nisha Yerunkar <nisha@khanacademy.org>
Date: Thu, 26 Sep 2024 16:06:40 -0700
Subject: [PATCH] streamline commas

---
 .../locked-figures/locked-vector-settings.tsx            | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-vector-settings.tsx b/packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-vector-settings.tsx
index 4c9b1e2f72..63e51a77d1 100644
--- a/packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-vector-settings.tsx
+++ b/packages/perseus-editor/src/widgets/interactive-graph-editor/locked-figures/locked-vector-settings.tsx
@@ -72,13 +72,8 @@ const LockedVectorSettings = (props: Props) => {
                 str += "s";
             }
 
-            for (let i = 0; i < labels.length; i++) {
-                // Separate additional labels with commas.
-                if (i > 0) {
-                    str += ",";
-                }
-                str += ` ${labels[i].text}`;
-            }
+            // Separate additional labels with commas.
+            str += ` ${labels.map((l) => l.text).join(", ")}`;
         }
 
         return str;