web-wallet: Fix memo toggle appearance

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

Hide file tree

Showing 3 changed files with 5 additions and 5 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__/__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"
             />