🐛 (editor) Don't show variable collection if not recognized

baptisteArno · Jan 12, 2023 · ecc7e18 · ecc7e18 · vercel · Jan 12, 2023
1 parent f8351e2
commit ecc7e18
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 12 deletions.
diff --git a/apps/builder/public/templates/lead-scoring.json b/apps/builder/public/templates/lead-scoring.json
@@ -429,8 +429,7 @@
           "type": "choice input",
           "options": {
             "buttonLabel": "Send",
-            "isMultipleChoice": false,
-            "variableId": "vcl1sfd8v600432e6exab4vhov"
+            "isMultipleChoice": false
           },
           "items": [
             {

diff --git a/apps/builder/src/features/graph/components/Nodes/ItemNode/ItemNodesList.tsx b/apps/builder/src/features/graph/components/Nodes/ItemNode/ItemNodesList.tsx
@@ -226,13 +226,21 @@ const CollectVariableLabel = ({
 }: {
   variableId: string
   variables: Variable[]
-}) => (
-  <HStack fontStyle="italic" spacing={1}>
-    <Text fontSize="sm" color={useColorModeValue('gray.600', 'gray.400')}>
-      Collects
-    </Text>
-    <Tag bg="orange.400" color="white" size="sm">
-      {variables.find((variable) => variable.id === variableId)?.name}
-    </Tag>
-  </HStack>
-)
+}) => {
+  const textColor = useColorModeValue('gray.600', 'gray.400')
+  const variableName = variables.find(
+    (variable) => variable.id === variableId
+  )?.name
+
+  if (!variableName) return null
+  return (
+    <HStack fontStyle="italic" spacing={1}>
+      <Text fontSize="sm" color={textColor}>
+        Collects
+      </Text>
+      <Tag bg="orange.400" color="white" size="sm">
+        {variableName}
+      </Tag>
+    </HStack>
+  )
+}