diff --git a/src/App.tsx b/src/App.tsx index 1933e96..8dcac0e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -38,10 +38,10 @@ enum View { WebApp.setHeaderColor('#1a1a1a'); -WebApp.MainButton.enable(); -WebApp.MainButton.color = '#007aff'; -WebApp.MainButton.setText('Add to your Home Screen'); -WebApp.MainButton.show(); +// WebApp.MainButton.enable(); +// WebApp.MainButton.color = '#007aff'; +// WebApp.MainButton.setText('Add to your Home Screen'); +// WebApp.MainButton.show(); const BRIDGE_URL = import.meta.env.VITE_BRIDGE_URL || ''; @@ -90,37 +90,37 @@ function App() { // Handle MainButton changes on view change useEffect(() => { if (view === View.LANDING) { - WebApp.MainButton.show(); - WebApp.MainButton.enable(); - WebApp.MainButton.setText('Connect Your Wallet'); - WebApp.MainButton.color = '#007aff'; - WebApp.MainButton.textColor = '#ffffff'; + // WebApp.MainButton.show(); + // WebApp.MainButton.enable(); + // WebApp.MainButton.setText('Connect Your Wallet'); + // WebApp.MainButton.color = '#007aff'; + // WebApp.MainButton.textColor = '#ffffff'; WebApp.MainButton.onClick(skip); } // Change the Main Buttons color and textColor to match telegrams background color, to "hide" the button if (view === View.CONNECT) { - WebApp.MainButton.show(); - WebApp.MainButton.disable(); - WebApp.MainButton.text = '_'; - WebApp.MainButton.textColor = '#1a1a1a'; - WebApp.MainButton.color = '#1a1a1a'; + // WebApp.MainButton.show(); + // WebApp.MainButton.disable(); + // WebApp.MainButton.text = '_'; + // WebApp.MainButton.textColor = '#1a1a1a'; + // WebApp.MainButton.color = '#1a1a1a'; } if (view === View.CONNECTED) { - WebApp.MainButton.show(); - WebApp.MainButton.enable(); - WebApp.MainButton.setText('Open my Wallet'); - WebApp.MainButton.color = '#007aff'; - WebApp.MainButton.textColor = '#ffffff'; + // WebApp.MainButton.show(); + // WebApp.MainButton.enable(); + // WebApp.MainButton.setText('Open my Wallet'); + // WebApp.MainButton.color = '#007aff'; + // WebApp.MainButton.textColor = '#ffffff'; WebApp.MainButton.onClick(openWallet); getAccountData(); } if (view === View.WALLET) { - WebApp.MainButton.show(); - WebApp.MainButton.enable(); - WebApp.MainButton.color = '#007aff'; - WebApp.MainButton.textColor = '#ffffff'; - WebApp.MainButton.setText('Contact Sales'); + // WebApp.MainButton.show(); + // WebApp.MainButton.enable(); + // WebApp.MainButton.color = '#007aff'; + // WebApp.MainButton.textColor = '#ffffff'; + // WebApp.MainButton.setText('Contact Sales'); } }, [view]); diff --git a/src/main.tsx b/src/main.tsx index d8458e0..65c24e9 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -20,9 +20,10 @@ import WebApp from '@twa-dev/sdk'; import App from './App.tsx'; import './index.css'; +// Hide the main button +WebApp.MainButton.hide(); // Expand the Telegram Mini App to full screen WebApp.expand(); - // Initialize the Telegram Mini App SDK WebApp.ready(); // Enable the closing confirmation