web-wallet: replace migrate menu item with bridge

Resolves #3819

Author: kieranhall

web-wallet/README.md

@@ -34,7 +34,7 @@ N.B. the current `0.1.2` version of the library has no option to pick the networ
 # can be empty string, must start with a slash otherwise, must not end with a slash
 VITE_BASE_PATH=""
 VITE_FEATURE_ALLOCATE=true
-VITE_FEATURE_MIGRATE=true
+VITE_FEATURE_BRIDGE=true
 VITE_FEATURE_STAKE=true
 VITE_FEATURE_TRANSFER=true
 VITE_FEATURE_TRANSACTION_HISTORY=true

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

@@ -0,0 +1,38 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { mdiHistory } from "@mdi/js";
+
+  import { Icon } from "$lib/dusk/components";
+</script>
+
+<article class="bridge">
+  <header class="bridge__header">
+    <h3 class="h4">Bridge</h3>
+    <div class="bridge__header-icons">
+      <Icon path={mdiHistory} />
+    </div>
+  </header>
+</article>
+
+<style lang="postcss">
+  .bridge {
+    border-radius: 1.25em;
+    background: var(--surface-color);
+    display: flex;
+    flex-direction: column;
+    gap: var(--default-gap);
+    padding: 1.25em;
+
+    &__header {
+      display: flex;
+      justify-content: space-between;
+    }
+
+    &__header-icons {
+      display: flex;
+      align-items: center;
+      gap: 0.675em;
+    }
+  }
+</style>

web-wallet/src/lib/containers/index.js

@@ -1,3 +1,4 @@
 export { default as AllocateContract } from "./AllocateContract/AllocateContract.svelte";
+export { default as BridgeContract } from "./BridgeContract/BridgeContract.svelte";
 export { default as MigrateContract } from "./MigrateContract/MigrateContract.svelte";
 export { default as StakeContract } from "./StakeContract/StakeContract.svelte";

web-wallet/src/lib/contracts/contract-descriptors.js

@@ -58,10 +58,10 @@ export default [
   },
   {
     enabled:
-      import.meta.env.VITE_FEATURE_MIGRATE === "true" &&
+      import.meta.env.VITE_FEATURE_BRIDGE === "true" &&
       import.meta.env.VITE_REOWN_PROJECT_ID !== "",
-    id: "migrate",
-    label: "Migrate",
+    id: "bridge",
+    label: "Bridge",
     operations: [
       {
         disabled: false,

web-wallet/src/routes/(app)/dashboard/+page.svelte

@@ -29,7 +29,7 @@
       case "allocate":
         icons = [{ path: mdiSync }];
         break;
-      case "migrate":
+      case "bridge":
         icons = [{ path: mdiSwapHorizontal }];
         break;
       case "receive":

web-wallet/src/routes/(app)/dashboard/__tests__/__snapshots__/page.spec.js.snap

@@ -136,14 +136,14 @@ exports[`Dashboard > should render a card when there is an error getting transac
         
         <a
           class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
-          href="migrate"
+          href="bridge"
           role="menuitem"
           tabindex="0"
         >
           <span
             class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            Migrate
+            Bridge
           </span>
            
           <span
@@ -366,14 +366,14 @@ exports[`Dashboard > should render the dashboard page with the transactions afte
         
         <a
           class="dusk-anchor dusk-anchor--on-surface dashboard-nav__item"
-          href="migrate"
+          href="bridge"
           role="menuitem"
           tabindex="0"
         >
           <span
             class="dashboard-nav__item-label svelte-1opr8zc"
           >
-            Migrate
+            Bridge
           </span>
            
           <span

web-wallet/src/routes/(app)/dashboard/bridge/+page.svelte

@@ -0,0 +1,21 @@
+<svelte:options immutable={true} />
+
+<script>
+  import { onDestroy } from "svelte";
+  import { BridgeContract } from "$lib/containers";
+  import { operationsStore } from "$lib/stores";
+
+  /** @param {string} id */
+  function updateOperation(id) {
+    operationsStore.update((store) => ({
+      ...store,
+      currentOperation: id,
+    }));
+  }
+
+  onDestroy(() => {
+    updateOperation("");
+  });
+</script>
+
+<BridgeContract />

web-wallet/vite.config.js

@@ -30,7 +30,7 @@ export default defineConfig(({ mode }) => {
       "process.env": {
         MODE_MAINTENANCE: env.VITE_MODE_MAINTENANCE,
         VITE_FEATURE_ALLOCATE: env.VITE_FEATURE_ALLOCATE,
-        VITE_FEATURE_MIGRATE: env.VITE_FEATURE_MIGRATE,
+        VITE_FEATURE_BRIDGE: env.VITE_FEATURE_BRIDGE,
         VITE_FEATURE_STAKE: env.VITE_FEATURE_STAKE,
         VITE_FEATURE_TRANSACTION_HISTORY: env.VITE_FEATURE_TRANSACTION_HISTORY,
         VITE_FEATURE_TRANSFER: env.VITE_FEATURE_TRANSFER,
@@ -86,7 +86,7 @@ export default defineConfig(({ mode }) => {
         APP_BUILD_INFO: "hash1234 2024-01-12",
         APP_VERSION: "0.1.5",
         VITE_FEATURE_ALLOCATE: "true",
-        VITE_FEATURE_MIGRATE: "true",
+        VITE_FEATURE_BRIDGE: "true",
         VITE_FEATURE_STAKE: "true",
         VITE_FEATURE_TRANSACTION_HISTORY: "true",
         VITE_FEATURE_TRANSFER: "true",