Extra data decoding (#37)

* fix transaction data * show input in textarea * break text for app details row * add extra data decoding
vulcanize · Jun 16, 2021 · 993e4ec · 993e4ec
1 parent a3b2a1c
commit 993e4ec
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/newclient/src/core/components/ui/AppDetailsListRow.vue b/newclient/src/core/components/ui/AppDetailsListRow.vue
@@ -56,7 +56,7 @@
             </v-flex>
             <v-flex v-if="detail.txInput" hidden-sm-and-down sm9 md10>
                 <div class="data-input pa-3">
-                    <p v-for="(item, index) in detail.txInput" :key="index" class="mb-2">{{ item }}</p>
+                    <p v-for="(item, index) in detail.txInput" :key="index" class="mb-2 break-words">{{ item }}</p>
                 </div>
             </v-flex>
         </v-layout>

diff --git a/newclient/src/css/global.css b/newclient/src/css/global.css
@@ -100,6 +100,10 @@ p {
     font-size: 14px;
 }
 
+.break-words {
+    word-break: break-all;
+}
+
 /* Global Tooltip */
 .tooltip-border {
     border: 1px solid #b4bfd2 !important;

diff --git a/newclient/src/modules/blocks/handlers/BlockDetails/BlockDetails.vue b/newclient/src/modules/blocks/handlers/BlockDetails/BlockDetails.vue
@@ -38,7 +38,7 @@ import BN from 'bignumber.js'
 import { ErrorMessageBlock } from '@app/modules/blocks/models/ErrorMessagesForBlock'
 import newBlockFeed from '../../NewBlockSubscription/newBlockFeed.graphql'
 import { excpBlockNotMined } from '@app/apollo/exceptions/errorExceptions'
-import { decodeHeaderData } from '@vulcanize/eth-watcher-ts/dist/utils'
+import { decodeHeaderData, decodeExtra } from '@vulcanize/eth-watcher-ts/dist/utils'
 
 @Component({
     components: {
@@ -218,7 +218,10 @@ export default class BlockDetails extends Mixins(NumberFormatMixin, NewBlockSubs
                 },
                 {
                     title: this.$i18n.t('block.data'),
-                    detail: this.header.extra,
+                    txInput: [
+                        decodeExtra(this.header.extra),
+                        `(Hex: ${this.header.extra})`
+                    ],
                     mono: true
                 },
 
@@ -228,7 +231,7 @@ export default class BlockDetails extends Mixins(NumberFormatMixin, NewBlockSubs
                 },
                 {
                     title: this.$i18n.t('gas.used'),
-                    detail: this.formatNumber(+this.header.gasUsed)
+                    detail: this.formatNumber(new BN(this.header.gasUsed, 16))
                 },
                 {
                     title: this.$i18n.t('block.logs'),

diff --git a/newclient/src/modules/txs/handlers/TxDetails/TxDetails.vue b/newclient/src/modules/txs/handlers/TxDetails/TxDetails.vue
@@ -165,7 +165,7 @@ export default class TxDetails extends Mixins(NumberFormatMixin) {
                     row.toChecksum = true
                     break
                 case 'tx.to':
-                    row.detail = tx.to
+                    row.detail = `0x${tx.to}`
                     row.copy = true
                     row.mono = true
                     row.toChecksum = true
@@ -195,7 +195,7 @@ export default class TxDetails extends Mixins(NumberFormatMixin) {
                     row.detail = this.$i18n.t(this.status).toString()
                     break
                 case 'tx.input':
-                    row.detail = tx.input || '0x'
+                    row.txInput = [ `0x${tx.input}` ]
                     break
             }
             return row