diff --git a/apps/builder/components/shared/Graph/Nodes/ItemNode/ItemNodeContent/contents/ButtonNodeContent.tsx b/apps/builder/components/shared/Graph/Nodes/ItemNode/ItemNodeContent/contents/ButtonNodeContent.tsx index b56774f3c..3d34fad15 100644 --- a/apps/builder/components/shared/Graph/Nodes/ItemNode/ItemNodeContent/contents/ButtonNodeContent.tsx +++ b/apps/builder/components/shared/Graph/Nodes/ItemNode/ItemNodeContent/contents/ButtonNodeContent.tsx @@ -9,7 +9,7 @@ import { import { PlusIcon } from 'assets/icons' import { useTypebot } from 'contexts/TypebotContext' import { ButtonItem, ItemIndices, ItemType } from 'models' -import React, { useRef, useState } from 'react' +import React, { useEffect, useRef, useState } from 'react' import { isNotDefined } from 'utils' type Props = { @@ -30,6 +30,12 @@ export const ButtonNodeContent = ({ const [itemValue, setItemValue] = useState(item.content ?? 'Click to edit') const editableRef = useRef(null) + useEffect(() => { + if (itemValue !== item.content) + setItemValue(item.content ?? 'Click to edit') + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [item]) + const handleInputSubmit = () => { if (itemValue === '') deleteItem(indices) else