Update styles for confirmation steps

rsksmart · Apr 3, 2024 · ae6b49b · ae6b49b
1 parent 2726057
commit ae6b49b
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 7 deletions.
diff --git a/src/assets/exchange/steps/0.png b/src/assets/exchange/steps/0.png
diff --git a/src/assets/exchange/steps/1.png b/src/assets/exchange/steps/1.png
diff --git a/src/assets/exchange/steps/2.png b/src/assets/exchange/steps/2.png
diff --git a/src/assets/exchange/steps/3.png b/src/assets/exchange/steps/3.png
diff --git a/src/common/services/LiqualityService.ts b/src/common/services/LiqualityService.ts
@@ -48,8 +48,8 @@ export default class LiqualityService extends WalletService {
             amount: true,
           },
           change: {
-            address: false,
-            amount: false,
+            address: true,
+            amount: true,
           },
           federation: {
             address: true,

diff --git a/src/pegin/components/create/ConfirmTx.vue b/src/pegin/components/create/ConfirmTx.vue
@@ -21,7 +21,7 @@
         <v-row class="step-title">
           <v-col>
             <v-row class="mx-0 d-flex justify-center">
-              <v-img :src="require('@/assets/exchange/rootstock_black.png')" height="40" contain/>
+              <v-img :src="require(`@/assets/exchange/steps/${idx}.png`)" height="40" contain/>
             </v-row>
             <v-row class="mx-0 my-3 d-flex justify-center">
               <h4 class="text-center">
@@ -94,8 +94,8 @@
               </v-row>
               <v-row v-if="step.outputsToshow.federation.address"
                 justify="center" class="mt-5 mx-0 d-lg-none">
-                <span>
-                  {{cropAddress(rskFederationAddress)}}
+                <span class="breakable-address">
+                  {{rskFederationAddress}}
                 </span>
               </v-row>
               <v-divider
@@ -122,8 +122,8 @@
               </v-row>
               <v-row v-if="step.outputsToshow.change.address"
                 justify="center" class="mt-5 mx-0 d-lg-none">
-                <span>
-                  {{cropAddress(changeAddress)}}
+                <span class="breakable-address">
+                  {{changeAddress}}
                 </span>
               </v-row>
               <v-divider
@@ -133,6 +133,12 @@
                 justify="center" class="mt-5 mx-0 text-center">
                 Fee: {{safeFee.toBTCTrimmedString()}} {{ environmentContext.getBtcTicker() }}
               </v-row>
+              <v-row v-if="step.fee">
+                <span class="grayish">
+                  Please make sure to check that the fee this transaction
+                  is paying is along your expectations.
+                </span>
+              </v-row>
               <v-divider
                   v-if="step.fee"
                   class="mt-6 mb-3"/>