wip: enableClosingConfirmation integration only for Staking flow

Author: Sterioboy

src/App.tsx

@@ -10,13 +10,6 @@ import theme from "@/styles/theme";
 
 console.log(`You're connected to the ${network} network!`);
 
-const tele = (window as any).Telegram.WebApp;
-
-if (tele) {
-  tele.ready();
-  tele.enableClosingConfirmation();
-}
-
 const App = () => {
   return (
     <ThemeProvider theme={theme}>

src/pages/Stake/Amount.tsx

@@ -63,6 +63,7 @@ const Amount = () => {
     if (tele) {
       tele.ready();
       tele.BackButton.show();
+      tele.enableClosingConfirmation();
       tele.onEvent("backButtonClicked", () => navigate("/"));
       return () => {
         tele.offEvent("backButtonClicked");

src/pages/Stake/Leverage.tsx

@@ -39,6 +39,7 @@ const Leverage = () => {
     if (tele) {
       tele.ready();
       tele.BackButton.show();
+      tele.enableClosingConfirmation();
       tele.onEvent("backButtonClicked", () => {
         navigate("/stake/nominator");
       });

src/pages/Stake/NFTPreview.tsx

@@ -21,7 +21,6 @@ import { globalError } from "@/lib/atom/globalError";
 import { stakingAtom, stakingInputAtom } from "@/lib/atom/staking";
 import { isDevMode } from "@/utils/isDevMode";
 
- 
 const tele = (window as any).Telegram.WebApp;
 
 interface ModalState {
@@ -100,6 +99,7 @@ const NFTPreview = () => {
     if (tele) {
       tele.ready();
       tele.BackButton.show();
+      tele.enableClosingConfirmation();
       tele.onEvent("backButtonClicked", () => {
         navigate("/stake/leverage");
       });

src/pages/Stake/NominatorList.tsx

@@ -43,6 +43,7 @@ const NominatorList = () => {
     if (tele) {
       tele.ready();
       tele.BackButton.show();
+      tele.enableClosingConfirmation();
       tele.onEvent("backButtonClicked", () => {
         navigate("/stake/amount");
       });