From 953f59305b3bb6a55e2f25fcda15e0e404706aaf Mon Sep 17 00:00:00 2001
From: Norton Andreev <norton@nortonandreev.com>
Date: Mon, 3 Feb 2025 16:49:55 +0200
Subject: [PATCH] web-wallet: Fix memo toggle appearance

Resolves #3456
---
 web-wallet/src/lib/components/Send/Send.svelte             | 2 +-
 web-wallet/src/lib/components/__tests__/Send.spec.js       | 7 +++----
 .../components/__tests__/__snapshots__/Send.spec.js.snap   | 6 +++---
 .../send/__tests__/__snapshots__/page.spec.js.snap         | 2 +-
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/web-wallet/src/lib/components/Send/Send.svelte b/web-wallet/src/lib/components/Send/Send.svelte
index c552f0b46..045e30a7c 100644
--- 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
index 94d46b0c5..6c4c83c41 100644
--- 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
index 7f15eb2f5..6b78e47e4 100644
--- 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
index b841f8166..a12cf38c3 100644
--- 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"
             />