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

apps/builder/public/templates/lead-scoring.json

@@ -429,8 +429,7 @@
           "type": "choice input",
           "options": {
             "buttonLabel": "Send",
-            "isMultipleChoice": false,
+            "isMultipleChoice": false
-            "variableId": "vcl1sfd8v600432e6exab4vhov"
           },
           "items": [
             {

apps/builder/src/features/graph/components/Nodes/ItemNode/ItemNodesList.tsx

@@ -226,13 +226,21 @@ const CollectVariableLabel = ({
 }: {
   variableId: string
   variables: Variable[]
-}) => (
+}) => {
+  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={useColorModeValue('gray.600', 'gray.400')}>
+      <Text fontSize="sm" color={textColor}>
         Collects
       </Text>
       <Tag bg="orange.400" color="white" size="sm">
-      {variables.find((variable) => variable.id === variableId)?.name}
+        {variableName}
       </Tag>
     </HStack>
-)
+  )
+}