From 8deb5aaca3a9de3acb154b439232f4a1ecec15be Mon Sep 17 00:00:00 2001
From: Pham Tu <tubackkhoa@gmail.com>
Date: Wed, 24 Jan 2024 11:58:22 +0700
Subject: [PATCH] show raw log

---
 src/modules/[chain]/tx/[hash].vue | 18 ++++++++++++++++++
 src/plugins/i18n/locales/en.json  |  4 +++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index c7cc2c78..2128a8fe 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -22,6 +22,12 @@ if (props.hash) {
 const messages = computed(() => {
   return tx.value?.tx?.body?.messages || [];
 });
+
+const rawLog = computed(() => {
+  return tx.value?.txResponse?.rawLog
+    ? JSON.parse(tx.value?.txResponse?.rawLog)
+    : tx.value?.txResponse?.logs || [];
+});
 </script>
 <template>
   <div>
@@ -119,6 +125,18 @@ const messages = computed(() => {
       <div v-if="messages.length === 0">{{ $t('tx.no_messages') }}</div>
     </div>
 
+    <div v-if="rawLog" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow mb-4">
+      <h2 class="card-title truncate mb-2">
+        {{ $t('account.logs') }}: ({{ rawLog.length }})
+      </h2>
+      <div v-for="(msg, i) in rawLog">
+        <div class="border border-slate-400 rounded-md mt-4">
+          <DynamicComponent :value="msg" />
+        </div>
+      </div>
+      <div v-if="rawLog.length === 0">{{ $t('tx.no_logs') }}</div>
+    </div>
+
     <div
       v-if="tx?.txResponse"
       class="bg-base-100 px-4 pt-3 pb-4 rounded shadow"
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index 391dcb8e..01e32f05 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -66,6 +66,7 @@
     "height": "Height",
     "hash": "Hash",
     "messages": "Messages",
+    "logs": "Logs",
     "time": "Time",
     "error": "Account does not exists on chain"
   },
@@ -249,7 +250,8 @@
     "gas": "Gas",
     "fee": "Fee",
     "memo": "Memo",
-    "no_messages": "No messages"
+    "no_messages": "No messages",
+    "no_logs": "No logs"
   },
   "uptime": {
     "overall": "Overall",