web-wallet: Fix memo toggle appearance

Resolves #3456
dusk-network · Feb 3, 2025 · 953f593 · 953f593
1 parent cf40004
commit 953f593
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 9 deletions.
diff --git a/web-wallet/src/lib/components/Send/Send.svelte b/web-wallet/src/lib/components/Send/Send.svelte
@@ -235,7 +235,7 @@
         {/if}
         <div class="operation__address-wrapper">
           <p>Memo</p>
-          <Switch bind:value={showMemo} />
+          <Switch onSurface bind:value={showMemo} />
         </div>
         {#if showMemo}
           <Textbox

diff --git a/web-wallet/src/lib/components/__tests__/Send.spec.js b/web-wallet/src/lib/components/__tests__/Send.spec.js
@@ -41,7 +41,6 @@ describe("Send", () => {
       gasLimit: 20000000n,
       gasPrice: 1n,
     },
-    memo,
     publicAddress,
     shieldedAddress,
   };
@@ -280,7 +279,7 @@ describe("Send", () => {
       expect(baseProps.execute).toHaveBeenCalledWith(
         shieldedAddress,
         duskToLux(amount),
-        baseProps.memo,
+        memo,
         baseProps.gasSettings.gasPrice,
         baseProps.gasSettings.gasLimit
       );
@@ -316,7 +315,7 @@ describe("Send", () => {
       expect(baseProps.execute).toHaveBeenCalledWith(
         shieldedAddress,
         duskToLux(amount),
-        baseProps.memo,
+        memo,
         baseProps.gasSettings.gasPrice,
         baseProps.gasSettings.gasLimit
       );
@@ -346,7 +345,7 @@ describe("Send", () => {
       expect(baseProps.execute).toHaveBeenCalledWith(
         shieldedAddress,
         duskToLux(amount),
-        baseProps.memo,
+        memo,
         baseProps.gasSettings.gasPrice,
         baseProps.gasSettings.gasLimit
       );

diff --git a/web-wallet/src/lib/components/__tests__/__snapshots__/Send.spec.js.snap b/web-wallet/src/lib/components/__tests__/__snapshots__/Send.spec.js.snap
@@ -176,7 +176,7 @@ exports[`Send > Address step > should display a warning if the address input is
         <div
           aria-checked="false"
           aria-disabled="false"
-          class="dusk-switch"
+          class="dusk-switch dusk-switch--on-surface"
           role="switch"
           tabindex="0"
         />
@@ -452,7 +452,7 @@ exports[`Send > Address step > should display a warning if the address input is
         <div
           aria-checked="false"
           aria-disabled="false"
-          class="dusk-switch"
+          class="dusk-switch dusk-switch--on-surface"
           role="switch"
           tabindex="0"
         />
@@ -669,7 +669,7 @@ exports[`Send > Address step > should render the Send component Address step 1`]
         <div
           aria-checked="false"
           aria-disabled="false"
-          class="dusk-switch"
+          class="dusk-switch dusk-switch--on-surface"
           role="switch"
           tabindex="0"
         />

diff --git a/web-wallet/src/routes/(app)/dashboard/send/__tests__/__snapshots__/page.spec.js.snap b/web-wallet/src/routes/(app)/dashboard/send/__tests__/__snapshots__/page.spec.js.snap
@@ -225,7 +225,7 @@ exports[`Send page > should render the send page 1`] = `
             <div
               aria-checked="false"
               aria-disabled="false"
-              class="dusk-switch"
+              class="dusk-switch dusk-switch--on-surface"
               role="switch"
               tabindex="0"
             />