From cfca580d74c0261c3706f577db5ba7f2213cdce8 Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Fri, 8 Jul 2022 12:46:35 +0530
Subject: [PATCH] retrieve toast params from function getToastParams

---
 src/components/App.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index af8bd0d96b..2365759b03 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -468,6 +468,15 @@ class App extends React.Component<AppProps, AppState> {
     );
   }
 
+  getToastParams = () => {
+    const isBrowserZoomed = this.state.toastMessage === t("alerts.browserZoom");
+    return {
+      message: this.state.toastMessage!,
+      duration: isBrowserZoomed ? Infinity : undefined,
+      closable: isBrowserZoomed,
+      clearToast: this.clearToast,
+    };
+  };
   public render() {
     const { zenModeEnabled, viewModeEnabled } = this.state;
     const selectedElement = getSelectedElements(
@@ -550,16 +559,7 @@ class App extends React.Component<AppProps, AppState> {
               />
             )}
             {this.state.toastMessage !== null && (
-              <Toast
-                message={this.state.toastMessage}
-                clearToast={this.clearToast}
-                duration={
-                  this.state.toastMessage === t("alerts.browserZoom")
-                    ? Infinity
-                    : undefined
-                }
-                closable={this.state.toastMessage === t("alerts.browserZoom")}
-              />
+              <Toast {...this.getToastParams()} />
             )}
             <main>{this.renderCanvas()}</main>
           </DeviceContext.Provider>