fix: Oracle response of OracleRespondTx transactions is not displayed…

… correctly (#358)

src/components/TransactionCellOracleRespondTx.vue

@@ -7,7 +7,9 @@
 
   <value-hash-ellipsed :hash="transactionData.queryId"/>
 
-  <app-chip size="sm">
+  <app-chip
+    v-if="oracleResponse"
+    size="sm">
     {{ oracleResponse }}
   </app-chip>
 </template>
@@ -16,15 +18,17 @@
 import AppChip from '@/components/AppChip'
 import TransactionArrowRightIcon from '@/components/TransactionArrowRightIcon'
 import ValueHashEllipsed from '@/components/ValueHashEllipsed'
-import { formatDecodeByteArray, formatEllipseHash } from '@/utils/format'
+import { formatDecodeByteArray } from '@/utils/format'
 
 const props = defineProps({
   transactionData: {
     required: true,
     type: Object,
   },
 })
-const oracleResponse = computed(() =>
-  formatEllipseHash(formatDecodeByteArray(props.transactionData.response)),
-)
+const oracleResponse = computed(() => {
+  const { response } = props.transactionData
+  const decodedResponse = response instanceof Array ? formatDecodeByteArray(response) : response.toString()
+  return decodedResponse.length > 8 ? decodedResponse.slice(0, 8) : decodedResponse
+})
 </script>