web wallet connect button working & implemented for telegram

Author: emarc99

frontend/src/App.jsx

@@ -119,7 +119,7 @@ function App() {
         </Routes>
       </main>
       <Footer />
-      {/* {isMobile && disableDesktopOnMobile && (
+      {isMobile && disableDesktopOnMobile && (
         <ActionModal
           isOpen={isMobileRestrictionModalOpen}
           title="Mobile website restriction"
@@ -130,7 +130,7 @@ function App() {
           submitAction={openTelegramBot}
           cancelAction={handleisMobileRestrictionModalClose}
         />
-      )} */}
+      )}
     </div>
   );
 }

frontend/src/components/layout/wallet-section/WalletSection.jsx

@@ -77,14 +77,14 @@ const WalletSection = ({ onConnectWallet, onLogout }) => {
 
             {isMenuOpen && (
               <div className="bg-header-button-bg absolute top-20 right-0 z-50 flex w-[300px] flex-col items-center justify-start rounded-[10px] p-4 transition-all duration-300 md:w-[285px]">
-                {/* {isMobile && !walletId && ( */}
+                {isMobile && !walletId && (
                   <Button
                     className="h-[48px] w-[238px] text-sm md:h-[46px] md:w-[226px] md:text-xs"
                     onClick={handleConnect}
                   >
-                    <span>iuyiuyiuyiuConnect Wallet</span>
+                    <span>Connect Wallet - Mobile</span>
                   </Button>
-                {/* // )} */}
+                 )}
 
                 {walletId && (
                   <div className="relative p-[1px]">
@@ -107,11 +107,11 @@ const WalletSection = ({ onConnectWallet, onLogout }) => {
         </div>
       )}
 
-      {/* {!isMobile && !walletId && ( */}
+      {!isMobile && !walletId && (
         <Button variant="primary" size="md" onClick={handleConnect}>
-          <span>Connect Walletyuyguyu </span>
+          <span>Connect Wallet - Desktop</span>
         </Button>
-      {/* // )} */}
+       )}
     </div>
   );
 };

frontend/src/hooks/useArgentWallet.js

@@ -1,7 +1,6 @@
 import { useState, useEffect, useCallback } from "react";
 import { ArgentWebWallet} from "@argent/webwallet-sdk";
 import { RpcProvider } from "starknet";
-// import { toast } from "sonner";
 
 const ARGENT_DUMMY_CONTRACT_ADDRESS = "0x07557a2fbe051e6327ab603c6d1713a91d2cfba5382ac6ca7de884d3278636d7";
 const ARGENT_DUMMY_CONTRACT_ENTRYPOINT = "increase_number";
@@ -10,7 +9,7 @@ const provider = new RpcProvider({});
 
 const argentWebWallet = ArgentWebWallet.init({
    appName: "hackbot",
-   environment: "dev",
+   environment: "sepolia",
    sessionParams: {
       allowedMethods: [
          {

frontend/vite.config.mjs

@@ -8,7 +8,7 @@ import tailwindcss from '@tailwindcss/vite';
 export default defineConfig({
   server: {
     port: 3000,
-    allowedHosts: ['215b-197-210-29-5.ngrok-free.app'],
+    allowedHosts: ['c25f-98-97-78-151.ngrok-free.app'],
   },
   plugins: [react(), svgr(), EnvironmentPlugin('all'), tailwindcss()],
   test: {