diff --git a/frontend/src/components/visual-editor/BlockDialog.tsx b/frontend/src/components/visual-editor/BlockDialog.tsx index 3a5e3e41..d86cc445 100644 --- a/frontend/src/components/visual-editor/BlockDialog.tsx +++ b/frontend/src/components/visual-editor/BlockDialog.tsx @@ -42,6 +42,7 @@ import { TriggersForm } from "./form/TriggersForm"; import { IBlockAttributes, IBlock } from "../../types/block.types"; export type BlockDialogProps = DialogControlProps; +type TSelectedTab = "triggers" | "options" | "messages"; const BlockDialog: FC = ({ open, @@ -50,8 +51,11 @@ const BlockDialog: FC = ({ ...rest }) => { const { t } = useTranslate(); - const [selectedTab, setSelectedTab] = useState("triggers"); - const handleChange = (_event: React.SyntheticEvent, newValue: string) => { + const [selectedTab, setSelectedTab] = useState("triggers"); + const handleChange = ( + _event: React.SyntheticEvent, + newValue: TSelectedTab, + ) => { setSelectedTab(newValue); }; const { toast } = useToast(); @@ -102,7 +106,10 @@ const BlockDialog: FC = ({ }; useEffect(() => { - if (open) reset(); + if (open) { + reset(); + setSelectedTab("triggers"); + } }, [open, reset]); useEffect(() => {