Fix multiple choice sketch attributes bug (#368)

* Fixes multiple choice sketch attribute bug * nit
seasketch · Nov 7, 2024 · dfcfeb7 · dfcfeb7
1 parent 3424af6
commit dfcfeb7
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/packages/geoprocessing/src/components/SketchAttributesCard.tsx b/packages/geoprocessing/src/components/SketchAttributesCard.tsx
@@ -126,7 +126,13 @@ export const SketchAttributesCard = ({
                       paddingLeft: 6,
                     }}
                   >
-                    {t(valueLabel) /* i18next-extract-disable-line */}
+                    {valueLabel
+                      ? Array.isArray(valueLabel)
+                        ? valueLabel.map((v, index) => (
+                            <div key={index}>{t(v)}</div>
+                          ))
+                        : t(valueLabel) /* i18next-extract-disable-line */
+                      : "N/A"}
                   </td>
                   {/* <span>{attr.label}</span>=<span>{attr.value}</span> */}
                 </tr>

diff --git a/packages/geoprocessing/src/components/SketchAttributesNextCard.stories.tsx b/packages/geoprocessing/src/components/SketchAttributesNextCard.stories.tsx
@@ -67,6 +67,20 @@ const nextContextValue = sampleSketchReportContextValue({
           },
         },
       },
+      {
+        label: "Gears",
+        value: ["LONG_LINE", "TRAWL"],
+        exportId: "gears",
+        fieldType: "MultipleChoice",
+        valueLabel: ["Long Line", "Trawl"],
+        formElementId: 2300,
+        alternateLanguages: {
+          pt: {
+            label: "Engrenagens",
+            valueLabel: ["Linha Longa", "Arrasto"],
+          },
+        },
+      },
     ],
   },
 });