Connect to web3 wallet

Resolves #3820

Author: kieranhall

web-wallet/src/lib/components/ApproveMigration/ApproveMigration.svelte

@@ -7,8 +7,8 @@
   import { createEventDispatcher } from "svelte";
   import { Button, Icon } from "$lib/dusk/components";
   import { Banner } from "$lib/components";
-  import { account, wagmiConfig } from "$lib/migration/walletConnection";
-  import { allowance, approve } from "$lib/migration/migration";
+  import { account, wagmiConfig } from "$lib/web3/walletConnection";
+  import { allowance, approve } from "$lib/web3/migration";
   import { createDataStore } from "$lib/dusk/svelte-stores";
 
   /** @type {bigint} */

web-wallet/src/lib/components/ExecuteMigration/ExecuteMigration.svelte

@@ -10,8 +10,8 @@
   import { isHex } from "viem";
   import { AppAnchor, Banner } from "$lib/components";
   import { Button, Icon } from "$lib/dusk/components";
-  import { account, wagmiConfig } from "$lib/migration/walletConnection";
-  import { migrate } from "$lib/migration/migration";
+  import { account, wagmiConfig } from "$lib/web3/walletConnection";
+  import { migrate } from "$lib/web3/migration";
   import { createDataStore } from "$lib/dusk/svelte-stores";
   import { createEventDispatcher } from "svelte";
   import { walletStore } from "$lib/stores";

web-wallet/src/lib/containers/BridgeContract/BridgeContract.svelte

@@ -3,7 +3,10 @@
 <script>
   import { mdiHistory } from "@mdi/js";
 
-  import { Icon } from "$lib/dusk/components";
+  import { account, modal } from "$lib/web3/walletConnection";
+  import { Button, Icon } from "$lib/dusk/components";
+
+  $: ({ isConnected } = $account);
 </script>
 
 <article class="bridge">
@@ -13,6 +16,12 @@
       <Icon path={mdiHistory} />
     </div>
   </header>
+
+  {#if !isConnected}
+    <Button text="CONNECT WALLET" on:click={() => modal.open()} />
+  {:else}
+    <Button text="BRIDGE FUNDS" on:click={() => {}} />
+  {/if}
 </article>
 
 <style lang="postcss">

web-wallet/src/lib/containers/BridgeContract/tokenConfig.js

@@ -0,0 +1,33 @@
+import { bsc, mainnet, sepolia } from "viem/chains";
+
+/** @type {Tokens} */
+export const tokens = {
+  mainnet: {
+    "BEP-20": {
+      chainId: bsc.id,
+      migrationContract: "0x32979f040feb67a5223acb0716fe4c7a5956488c",
+      name: "BEP-20",
+      tokenContract: "0xb2bd0749dbe21f623d9baba856d3b0f0e1bfec9c",
+    },
+    "ERC-20": {
+      chainId: mainnet.id,
+      migrationContract: "0x36b8e0b938c0172c20e14cc32e7f0e51dcf1084f",
+      name: "ERC-20",
+      tokenContract: "0x940a2db1b7008b6c776d4faaca729d6d4a4aa551",
+    },
+  },
+  testnet: {
+    "BEP-20": {
+      chainId: sepolia.id,
+      migrationContract: "0x1Bb81fbd735854Ed901aD7Aa1f5F72F64E5841Fc",
+      name: "BEP-20",
+      tokenContract: "0xC416f5d2AE6BAec2a23f412Df11166afC35CAba2",
+    },
+    "ERC-20": {
+      chainId: sepolia.id,
+      migrationContract: "0x81F15Ed1D87A6C840E410D7740D581e36c661640",
+      name: "ERC-20",
+      tokenContract: "0x92DA9BE2039E818bB78223A6BA7C85CC2b17D8D5",
+    },
+  },
+};

web-wallet/src/lib/containers/MigrateContract/tokens.d.ts renamed to web-wallet/src/lib/containers/BridgeContract/tokens.d.ts

@@ -38,8 +38,8 @@
     modal,
     wagmiConfig,
     walletDisconnect,
-  } from "$lib/migration/walletConnection";
-  import { getBalanceOfCoin } from "$lib/migration/migration";
+  } from "$lib/web3/walletConnection";
+  import { getBalanceOfCoin } from "$lib/web3/migration";
 
   /** @type {string} */
   export let migrationNetwork;