fix: added loader on wallet click

airgap-it · Oct 20, 2023 · 663f03c · 663f03c
1 parent bcb4f41
commit 663f03c
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/packages/beacon-ui/src/ui/alert/index.tsx b/packages/beacon-ui/src/ui/alert/index.tsx
@@ -140,7 +140,7 @@ const openAlert = async (config: AlertConfig): Promise<string> => {
   setIsLoading(false)
   const p2pPayload = config.pairingPayload?.p2pSyncCode()
   const wcPayload = config.pairingPayload?.walletConnectSyncCode()
-  const isOnline = navigator.onLine;
+  const isOnline = navigator.onLine
 
   setAnalytics(config.analytics)
 
@@ -395,7 +395,7 @@ const openAlert = async (config: AlertConfig): Promise<string> => {
     }
 
     const handleNewTab = async (config: AlertConfig, wallet?: MergedWallet) => {
-      if(!wallet) {
+      if (!wallet) {
         return
       }
 
@@ -629,8 +629,10 @@ const openAlert = async (config: AlertConfig): Promise<string> => {
                             {
                               label: 'Connect now',
                               type: 'primary',
-                              onClick: () =>
-                              handleNewTab(config, currentWallet())
+                              onClick: () => {
+                                handleNewTab(config, currentWallet())
+                                setIsLoading(true)
+                              }
                             }
                           ]}
                         />
@@ -645,12 +647,10 @@ const openAlert = async (config: AlertConfig): Promise<string> => {
                           }
                           description={
                             hasExtension()
-                              ? `Please connect below to use your ${
-                                  currentWallet()?.name
-                                } Wallet browser extension.`
-                              : `To connect your ${
-                                  currentWallet()?.name
-                                } Wallet, install the browser extension.`
+                              ? `Please connect below to use your ${currentWallet()
+                                  ?.name} Wallet browser extension.`
+                              : `To connect your ${currentWallet()
+                                  ?.name} Wallet, install the browser extension.`
                           }
                           buttons={
                             hasExtension()