From cd6c5c04c5436f893d9291e10190bdc249ca7da8 Mon Sep 17 00:00:00 2001 From: Baptiste Arnaud Date: Mon, 28 Mar 2022 15:18:02 +0200 Subject: [PATCH] =?UTF-8?q?fix(editor):=20=F0=9F=90=9B=20Undo=20with=20ite?= =?UTF-8?q?m=20change?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ItemNodeContent/contents/ButtonNodeContent.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) 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