From d24e00d04e13ae6f0e23aa29ad1611bbb1054d61 Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Fri, 4 Oct 2024 11:11:41 +0100
Subject: [PATCH] fix(frontend): add reset selected

---
 .../src/components/visual-editor/BlockDialog.tsx    | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

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<IBlock>;
+type TSelectedTab = "triggers" | "options" | "messages";
 
 const BlockDialog: FC<BlockDialogProps> = ({
   open,
@@ -50,8 +51,11 @@ const BlockDialog: FC<BlockDialogProps> = ({
   ...rest
 }) => {
   const { t } = useTranslate();
-  const [selectedTab, setSelectedTab] = useState("triggers");
-  const handleChange = (_event: React.SyntheticEvent, newValue: string) => {
+  const [selectedTab, setSelectedTab] = useState<TSelectedTab>("triggers");
+  const handleChange = (
+    _event: React.SyntheticEvent,
+    newValue: TSelectedTab,
+  ) => {
     setSelectedTab(newValue);
   };
   const { toast } = useToast();
@@ -102,7 +106,10 @@ const BlockDialog: FC<BlockDialogProps> = ({
   };
 
   useEffect(() => {
-    if (open) reset();
+    if (open) {
+      reset();
+      setSelectedTab("triggers");
+    }
   }, [open, reset]);
 
   useEffect(() => {