give keys to MapWidget.

ArroyoSystems · Nov 21, 2023 · 3b01770 · 3b01770
1 parent ea74d65
commit 3b01770
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/arroyo-console/src/routes/connections/JsonForm.tsx b/arroyo-console/src/routes/connections/JsonForm.tsx
@@ -349,9 +349,9 @@ export function MapWidget({
       <FormControl isRequired={true} isInvalid={pair.error != undefined}>
         <Flex gap={2} alignItems={'flex-end'}>
           <Flex gap={2} flex={1} alignItems={'center'} key={i}>
-            <Input value={pair.key} onChange={e => updateKeyValue(i, e.target.value, pair.value)} />
+            <Input id={i + "_key"} value={pair.key} onChange={e => updateKeyValue(i, e.target.value, pair.value)} />
             <Text>→</Text>
-            <Input value={pair.value} onChange={e => updateKeyValue(i, pair.key, e.target.value)} />
+            <Input id={i+"_value"} value={pair.value} onChange={e => updateKeyValue(i, pair.key, e.target.value)} />
           </Flex>
           <IconButton
             width={8}