Merge pull request #2666 from dusk-network/feature-2661

web-wallet: Add "Shield More Dusk" Button to Address Step (Transfer Flow)
dusk-network · Oct 15, 2024 · 79690c9 · 79690c9
2 parents c82d244 + 19432e2
commit 79690c9
Show file tree

Hide file tree

Showing 3 changed files with 98 additions and 0 deletions.
diff --git a/web-wallet/src/lib/components/Send/Send.svelte b/web-wallet/src/lib/components/Send/Send.svelte
@@ -160,6 +160,16 @@
           type="multiline"
           bind:value={address}
         />
+        <ContractStatusesList items={statuses}>
+          {#if enableAllocateButton}
+            <AppAnchorButton
+              className="allocate-button"
+              href="/dashboard/allocate"
+              text="Shield more DUSK"
+              variant="tertiary"
+            />
+          {/if}
+        </ContractStatusesList>
         <ScanQR
           bind:this={scanQrComponent}
           bind:scanner

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
@@ -107,6 +107,44 @@ exports[`Send > Address step > should render the Send component Address step 1`]
       />
       
        
+      <div
+        class="contract-statuses svelte-1up3579"
+      >
+        <dl
+          class="contract-statuses__list svelte-1up3579"
+        >
+          <dt
+            class="contract-statuses__label svelte-1up3579"
+          >
+            Spendable
+             
+          </dt>
+          <dd
+            class="contract-statuses__value svelte-1up3579"
+          >
+            <span>
+              1,000.000000000
+            </span>
+             
+            <svg
+              class="dusk-icon dusk-icon--size--default contract-statuses__icon"
+              data-tooltip-id="main-tooltip"
+              data-tooltip-text="DUSK"
+              role="graphics-symbol"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+              />
+            </svg>
+            
+             
+          </dd>
+        </dl>
+         
+        
+      </div>
+       
       <div
         class="scan svelte-1uf7z44"
       >

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
@@ -149,6 +149,56 @@ exports[`Send > should render the send page 1`] = `
           />
           
            
+          <div
+            class="contract-statuses svelte-1up3579"
+          >
+            <dl
+              class="contract-statuses__list svelte-1up3579"
+            >
+              <dt
+                class="contract-statuses__label svelte-1up3579"
+              >
+                Spendable
+                 
+              </dt>
+              <dd
+                class="contract-statuses__value svelte-1up3579"
+              >
+                <span>
+                  0.000000000
+                </span>
+                 
+                <svg
+                  class="dusk-icon dusk-icon--size--default contract-statuses__icon"
+                  data-tooltip-id="main-tooltip"
+                  data-tooltip-text="DUSK"
+                  role="graphics-symbol"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M12.335 0.005a12.186 12.186 0 0 0 -2.58 0.204C4.2 1.259 0 6.14 0 11.999 0 17.859 4.203 22.74 9.759 23.79c0.726 0.138 1.476 0.21 2.241 0.21 6.789 0 12.261 -5.64 11.991 -12.49C23.741 5.249 18.599 0.173 12.335 0.005Zm0.207 21.58c-0.204 0.012 -0.336 -0.222 -0.21 -0.384 1.974 -2.541 3.153 -5.733 3.153 -9.202 0 -3.468 -1.176 -6.663 -3.153 -9.202 -0.126 -0.162 0.003 -0.396 0.207 -0.384 5.052 0.282 9.06 4.465 9.06 9.586 0 5.121 -4.005 9.304 -9.057 9.586Z"
+                  />
+                </svg>
+                
+                 
+              </dd>
+            </dl>
+             
+            <a
+              aria-disabled="false"
+              class="dusk-anchor dusk-anchor--on-surface dusk-anchor-button dusk-anchor-button--variant--tertiary dusk-anchor-button--size--default allocate-button"
+              href="/some-base-path/dashboard/allocate"
+            >
+              <span
+                class="dusk-anchor-button__text"
+              >
+                Shield more DUSK
+              </span>
+              
+            </a>
+            
+          </div>
+           
           <div
             class="scan svelte-1uf7z44"
           >