Fix AT toast input

ExpressApp · Sep 5, 2024 · 9398050 · 9398050
1 parent 541696c
commit 9398050
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/frontend/app/modules/toast/Toast.tsx b/frontend/app/modules/toast/Toast.tsx
@@ -34,7 +34,7 @@ const Toast: FC = () => {
     <>
       <GlobalStyle />
       <ToastContainer />
-      <Input value={store.lastText} id="toast-text" />
+      {!!store.lastText && <Input value={store.lastText} id="toast-text" />}
     </>
   )
 }

diff --git a/frontend/app/modules/toast/toast.store.ts b/frontend/app/modules/toast/toast.store.ts
@@ -15,6 +15,10 @@ export class ToastStore {
     this.lastText = ''
   }
 
+  private onClose() {
+    this.lastText = ''
+  }
+
   setTheme(isDarkTheme: boolean) {
     this.isDarkTheme = isDarkTheme
   }
@@ -26,6 +30,7 @@ export class ToastStore {
       theme: this.isDarkTheme ? 'dark' : 'light',
       position: 'bottom-left' as ToastPosition,
       autoClose: timeout,
+      onClose: this.onClose.bind(this),
     }
 
     toast.info(text, toastOptions)

diff --git a/frontend/package.json b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "next-feature-smartapp",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "description": "SmartApp with all features",
   "main": "index.js",
   "scripts": {