diff --git a/src/components/Tx/TxData/TxMessage/TxMessage.js b/src/components/Tx/TxData/TxMessage/TxMessage.js
index ee0f9d86..2bc8ba0f 100644
--- a/src/components/Tx/TxData/TxMessage/TxMessage.js
+++ b/src/components/Tx/TxData/TxMessage/TxMessage.js
@@ -1,4 +1,4 @@
-import React, { useMemo, useEffect } from "react";
+import React, { useMemo, useEffect, useState } from "react";
import { NavLink } from "react-router-dom";
import { useSelector, useDispatch } from "react-redux";
import ReactJson, { ValueItem } from "src/components/ReactJson";
@@ -36,8 +36,12 @@ import { tryParseMessage } from "src/lib/scripts";
import IBCProgress from "./IBCProgress";
import { CW20_DECIMALS } from "@oraichain/oraidex-common/build/constant";
import { toDisplay } from "@oraichain/oraidex-common/build/helper";
+import config from "src/config";
+import axios from "axios";
const cx = cn.bind(styles);
+const rpcApi = config.RPC_API
+
const getTxTypeNew = (type, result = "", value) => {
const typeArr = type.split(".");
let typeMsg = typeArr[typeArr.length - 1];
@@ -82,11 +86,25 @@ const TxMessage = ({ key, msg, data, ind }) => {
const activeThemeId = useSelector(state => state.activeThemeId);
const loadMoreValue = useSelector(state => state.txs.loadMore);
const { data: storeCodeData, loading: loadingStoreCode, error: storeCodeError, fetch: fetchStoreCode } = useGithubSource();
+ const [events, setEvents] = useState([])
const value = msg;
let type = msg["@type"] || "";
const { memo } = data;
+ useEffect(() => {
+ async function fetchData() {
+ try {
+ const response = await axios.get(`${rpcApi}/tx?hash=0x${data.tx_hash}`);
+ const events = response?.data?.result?.tx_result?.events;
+ setEvents(events)
+ } catch (error) {
+ console.log(error);
+ }
+ }
+ fetchData();
+ }, []);
+
useEffect(() => {
if (type === txTypes.COSMOS_SDK.STORE_CODE || type === txTypes.COSMOS_SDK_NEW_VERSION.STORE_CODE) {
const loadStoreCode = async () => {
@@ -327,29 +345,47 @@ const TxMessage = ({ key, msg, data, ind }) => {
src={messageParse}
/>
) : (
- messageParse.map((msg, key) => {
- const { events = [] } = msg || { events: [] };
- return (
-
- Event {key + 1}:
- {events.map(event => (
-
-
{event.type}
-
-
- {event.attributes?.map(attr => (
-
- {attr.key} |
- {ValueItem(attr.value)} |
-
- ))}
-
-
-
- ))}
-
- );
- })
+ // messageParse.map((msg, key) => {
+ // const { events = [] } = msg || { events: [] };
+ // return (
+ //
+ //
Event {key + 1}:
+ // {events.map(event => (
+ //
+ //
{event.type}
+ //
+ //
+ // {event.attributes?.map(attr => (
+ //
+ // {attr.key} |
+ // {ValueItem(attr.value)} |
+ //
+ // ))}
+ //
+ //
+ //
+ // ))}
+ //
+ // );
+ // })
+ events.map((event, key) => (
+
+
Event {key + 1}:
+
+
{event.type}
+
+
+ {event.attributes?.map(attr => (
+
+ {attr.key} |
+ {ValueItem(attr.value)} |
+
+ ))}
+
+
+
+
+ ))
)}
);