From f2b314d02df8ec026afa90df3eabe8ce3c40b61a Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste@typebot.io>
Date: Mon, 18 Aug 2025 11:54:29 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20CreateAPIToken=20dialog=20?=
 =?UTF-8?q?not=20resetting=20on=20close?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes #2239
---
 .../features/user/components/CreateTokenModal.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/apps/builder/src/features/user/components/CreateTokenModal.tsx b/apps/builder/src/features/user/components/CreateTokenModal.tsx
index 7d2dac388..fe3bec766 100644
--- a/apps/builder/src/features/user/components/CreateTokenModal.tsx
+++ b/apps/builder/src/features/user/components/CreateTokenModal.tsx
@@ -50,8 +50,19 @@ export const CreateTokenModal = ({
     setIsSubmitting(false);
   };
 
+  const reset = () => {
+    setNewTokenValue(undefined);
+    setName("");
+  };
+
+  const handleClose = () => {
+    console.log("handleClose");
+    setTimeout(reset, 100);
+    onClose();
+  };
+
   return (
-    <Modal isOpen={isOpen} onClose={onClose} initialFocusRef={inputRef}>
+    <Modal isOpen={isOpen} onClose={handleClose} initialFocusRef={inputRef}>
       <ModalOverlay />
       <ModalContent>
         <ModalHeader>
@@ -92,7 +103,7 @@ export const CreateTokenModal = ({
 
         <ModalFooter>
           {newTokenValue ? (
-            <Button onClick={onClose} colorScheme="orange">
+            <Button onClick={handleClose} colorScheme="orange">
               {t("account.apiTokens.createModal.doneButton.label")}
             </Button>
           ) : (