fix: PayingForTx wrong hash truncation (#134)

aeternity · Apr 24, 2023 · f93f844 · f93f844
1 parent 6730de3
commit f93f844
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 14 deletions.
diff --git a/src/components/TransactionGeneralPanel.vue b/src/components/TransactionGeneralPanel.vue
@@ -5,14 +5,13 @@
         GENERAL DETAILS
       </h3>
       <div class="transaction-general-panel__container">
-        <div class="transaction-general-panel__link-text">
-          <copy-chip :label="transactionDetails.hash"/>
-        </div>
-        <div class="transaction-general-panel__link-text-ellipse">
-          <copy-chip
-            :label="formatEllipseHash(transactionDetails.hash)"
-            :clipboard-text="transactionDetails.hash"/>
-        </div>
+        <copy-chip
+          :label="transactionDetails.hash"
+          class="transaction-general-panel__hash"/>
+        <copy-chip
+          :label="formatEllipseHash(transactionDetails.hash)"
+          :clipboard-text="transactionDetails.hash"
+          class="transaction-general-panel__hash-ellipse"/>
         <app-chip variant="primary">
           {{ transactionDetails.type }}
         </app-chip>
@@ -236,15 +235,13 @@ export default {
     }
   }
 
-  &__link-text,
   &__hash {
     display: none;
     @media (--desktop) {
-      display: revert;
+      display: inline-flex;
     }
   }
 
-  &__link-text-ellipse,
   &__hash-ellipse {
     @media (--desktop) {
       display: none;

diff --git a/src/components/TransactionTypePanel.vue b/src/components/TransactionTypePanel.vue
@@ -14,9 +14,12 @@
         </app-link>
         <template v-if="transactionData.type === 'PayingForTx'">
           <copy-chip
-            class="transaction-type-panel__payer"
-            :label="formatEllipseHash( transactionData.payer_id)"
-            :clipboard-text=" transactionData.payer_id"/>
+            :label="transactionData.payer_id"
+            class="transaction-type-panel__copy-chip"/>
+          <copy-chip
+            :label="formatEllipseHash(transactionData.payer_id)"
+            :clipboard-text="transactionData.payer_id"
+            class="transaction-type-panel__copy-chip-ellipse"/>
           <app-chip variant="primary">
             {{ transactionData.tx.tx.type }}
           </app-chip>
@@ -138,6 +141,20 @@ export default {
     }
   }
 
+  &__copy-chip {
+    display: none;
+
+    @media (--desktop) {
+      display: inline-flex;
+    }
+  }
+
+  &__copy-chip-ellipse {
+    @media (--desktop) {
+      display: none;
+    }
+  }
+
   &__payer {
     word-wrap: anywhere;
     max-width: 100%;