From 7c4346d9faa0edec8b0dafd8b69fac3c604b4b7c Mon Sep 17 00:00:00 2001
From: Eduardo Jaeger <eduardo@detroitledger.tech>
Date: Tue, 18 Jun 2024 16:13:25 -0300
Subject: [PATCH] Fixing Blocks page

---
 src/components/transaction/AccountFormat.vue |  2 +-
 src/pages/Block.vue                          | 22 ++++++++++++++++++--
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/transaction/AccountFormat.vue b/src/components/transaction/AccountFormat.vue
index e2b2d099..c28d1174 100644
--- a/src/components/transaction/AccountFormat.vue
+++ b/src/components/transaction/AccountFormat.vue
@@ -24,7 +24,7 @@ export default defineComponent({
 </script>
 
 <template>
-<a class="hover-dec" :href=" '/' + type + '/' + accAccount">{{type === 'transaction' ? accAccount.slice(0, 8) : accAccount}}</a>
+<a class="hover-dec" :href=" '/' + type + '/' + accAccount">{{type === 'transaction' ? accAccount.toString().slice(0, 8) : accAccount}}</a>
 </template>
 
 <style lang="sass" scoped>
diff --git a/src/pages/Block.vue b/src/pages/Block.vue
index 0c7e2ced..7bde0bd9 100644
--- a/src/pages/Block.vue
+++ b/src/pages/Block.vue
@@ -4,7 +4,9 @@ import TransactionsTable from 'src/components/TransactionsTable.vue';
 import BlockCard from 'components/BlockCard.vue';
 import { useRoute, useRouter } from 'vue-router';
 import { api } from 'src/api';
-import { Action, API, Transaction } from '@wharfkit/session';
+import { API, Transaction } from '@wharfkit/session';
+import { Action } from 'src/types';
+import { deserializeActionData } from 'src/api/antelopeV1';
 
 export default defineComponent({
     name: 'BlockPage',
@@ -20,7 +22,23 @@ export default defineComponent({
             block.value = await api.getBlock(route.params.block as string);
             block.value.transactions.forEach((transactionReceipt) => {
                 const transaction = transactionReceipt.trx.transaction as Transaction;
-                actions.value = transaction.actions;
+                void Promise.all(transaction.actions.map(async (act) => {
+                    const data = await deserializeActionData(act);
+                    console.log('meu teste nojento', data);
+                    return {
+                        ...act,
+                        trx_id: transactionReceipt.trx.id,
+                        data: data,
+                        act: {
+                            name: act.name,
+                            data: data,
+                            account: act.account,
+                        },
+                        '@timestamp': block.value.timestamp,
+                    } as unknown as Action;
+                })).then((acts) => {
+                    actions.value = actions.value.concat(acts);
+                });
             });
             found.value = !!block.value;
         });