Repository: dusk-network/rusk (language: rust)

Issue:
web-wallet: Fix memo toggle
Should be using on-surface variant.

<img width="707" alt="Image" src="https://github.com/user-attachments/assets/dd868961-a8f6-4f4d-8e5f-9bdc111a61a1" />


Discussion / hints:

Fix patch:
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


Test patch:
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"
             />