Add TWA return url and activate redirecting to wallet

HipoFinance · Oct 9, 2023 · e889feb · e889feb
1 parent 12b0125
commit e889feb
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 13 deletions.
diff --git a/src/Model.ts b/src/Model.ts
@@ -111,11 +111,20 @@ export class Model {
             localStorage.theme === 'dark' ||
             (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
 
+        document.onvisibilitychange = () => {
+            if (document.hidden) {
+                this.pause()
+            } else {
+                this.resume()
+            }
+        }
+
         this.initTonConnect(buttonRootId)
 
         autorun(() => {
             this.connectTonAccess()
         })
+
         autorun(() => {
             void this.readLastBlock()
         })
@@ -502,11 +511,16 @@ export class Model {
                 ],
             }
             const tonBalance = this.tonBalance
-            void this.tonConnectUI.sendTransaction(tx).then(() => {
-                this.setAmount('')
-                this.setWaitForTransaction('wait')
-                return this.checkIfBalanceChanged(tonBalance, 1)
-            })
+            void this.tonConnectUI
+                .sendTransaction(tx, {
+                    skipRedirectToWallet: 'never',
+                    twaReturnUrl: 'https://t.me/HipoFinanceBot',
+                })
+                .then(() => {
+                    this.setAmount('')
+                    this.setWaitForTransaction('wait')
+                    return this.checkIfBalanceChanged(tonBalance, 1)
+                })
         }
     }
 

diff --git a/src/main.tsx b/src/main.tsx
@@ -8,14 +8,6 @@ import './index.css'
 const model = new Model('testnet')
 model.init('ton-connect-button')
 
-document.onvisibilitychange = () => {
-    if (document.hidden) {
-        model.pause()
-    } else {
-        model.resume()
-    }
-}
-
 ReactDOM.createRoot(document.querySelector('#root') ?? document.body).render(
     <React.StrictMode>
         <App model={model} />