From ecc7e18226163bb50eb62aeb9e749e203b6298ee Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Thu, 12 Jan 2023 16:03:12 +0100
Subject: [PATCH] :bug: (editor) Don't show variable collection if not
 recognized

---
 .../public/templates/lead-scoring.json        |  3 +-
 .../Nodes/ItemNode/ItemNodesList.tsx          | 28 ++++++++++++-------
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/apps/builder/public/templates/lead-scoring.json b/apps/builder/public/templates/lead-scoring.json
index fb9e06412..b245c4067 100644
--- 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
index 4a672310e..aac27e20e 100644
--- 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>
+  )
+}