🐛 (editor) Fix empty typebot name not editable

baptisteArno · Nov 21, 2022 · 2489318 · 2489318 · vercel · Nov 21, 2022
1 parent 451ffbc
commit 2489318
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/apps/builder/src/features/editor/components/TypebotHeader/TypebotHeader.tsx b/apps/builder/src/features/editor/components/TypebotHeader/TypebotHeader.tsx
@@ -151,13 +151,13 @@ export const TypebotHeader = () => {
                 onChangeIcon={handleChangeIcon}
               />
             )}
-            {typebot?.name && (
-              <EditableTypebotName
-                key={typebot.name}
-                defaultName={typebot.name}
-                onNewName={handleNameSubmit}
-              />
-            )}
+            (
+            <EditableTypebotName
+              key={`typebot-name-${typebot?.name ?? ''}`}
+              defaultName={typebot?.name ?? ''}
+              onNewName={handleNameSubmit}
+            />
+            )
           </HStack>
 
           <HStack>

diff --git a/.../builder/src/features/graph/components/Nodes/ItemNode/ItemNodeContent/ItemNodeContent.tsx b/.../builder/src/features/graph/components/Nodes/ItemNode/ItemNodeContent/ItemNodeContent.tsx
@@ -14,7 +14,7 @@ export const ItemNodeContent = ({ item, indices, isMouseOver }: Props) => {
     case ItemType.BUTTON:
       return (
         <ButtonsItemNode
-          key={item.content}
+          key={`${item.id}-${item.content}`}
           item={item}
           isMouseOver={isMouseOver}
           indices={indices}