cerc-io/cosmos-multisig-ui
12
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

Use readonly JsonEditor to view msgs

Browse Source
This commit is contained in:
abefernan 2023-07-14 11:52:47 +02:00
parent eb02c7239b
commit 70366ab122
4 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/dataViews/TransactionInfo/TxMsgExecuteContractDetails.tsx
View File

@ -1,9 +1,12 @@
import { fromUtf8 } from "@cosmjs/encoding";
import { MsgExecuteContract } from "cosmjs-types/cosmwasm/wasm/v1/tx";
import dynamic from "next/dynamic";
import { useChains } from "../../../context/ChainsContext";
import { printableCoins } from "../../../lib/displayHelpers";
import HashView from "../HashView";
const JsonEditor = dynamic(() => import("../../inputs/JsonEditor"), { ssr: false });
interface TxMsgExecuteContractDetailsProps {
readonly msgValue: MsgExecuteContract;
}
@ -27,8 +30,7 @@ const TxMsgExecuteContractDetails = ({ msgValue }: TxMsgExecuteContractDetailsPr
<div>{printableCoins(msgValue.funds, chain)}</div>
</li>
<li>
<label>Msg:</label>
<div>{fromUtf8(msgValue.msg)}</div>
<JsonEditor readOnly content={{ json: JSON.parse(fromUtf8(msgValue.msg, true)) }} />
</li>
<style jsx>{`
li:not(:has(h3)) {

6
components/dataViews/TransactionInfo/TxMsgInstantiateContract2Details.tsx
View File

@ -1,9 +1,12 @@
import { fromUtf8 } from "@cosmjs/encoding";
import { MsgInstantiateContract2 } from "cosmjs-types/cosmwasm/wasm/v1/tx";
import dynamic from "next/dynamic";
import { useChains } from "../../../context/ChainsContext";
import { printableCoins } from "../../../lib/displayHelpers";
import HashView from "../HashView";
const JsonEditor = dynamic(() => import("../../inputs/JsonEditor"), { ssr: false });
interface TxMsgInstantiateContract2DetailsProps {
readonly msgValue: MsgInstantiateContract2;
}
@ -47,8 +50,7 @@ const TxMsgInstantiateContract2Details = ({ msgValue }: TxMsgInstantiateContract
<div>{printableCoins(msgValue.funds, chain)}</div>
</li>
<li>
<label>Msg:</label>
<div>{fromUtf8(msgValue.msg)}</div>
<JsonEditor readOnly content={{ json: JSON.parse(fromUtf8(msgValue.msg, true)) }} />
</li>
<style jsx>{`
li:not(:has(h3)) {

6
components/dataViews/TransactionInfo/TxMsgInstantiateContractDetails.tsx
View File

@ -1,9 +1,12 @@
import { fromUtf8 } from "@cosmjs/encoding";
import { MsgInstantiateContract } from "cosmjs-types/cosmwasm/wasm/v1/tx";
import dynamic from "next/dynamic";
import { useChains } from "../../../context/ChainsContext";
import { printableCoins } from "../../../lib/displayHelpers";
import HashView from "../HashView";
const JsonEditor = dynamic(() => import("../../inputs/JsonEditor"), { ssr: false });
interface TxMsgInstantiateContractDetailsProps {
readonly msgValue: MsgInstantiateContract;
}
@ -39,8 +42,7 @@ const TxMsgInstantiateContractDetails = ({ msgValue }: TxMsgInstantiateContractD
<div>{printableCoins(msgValue.funds, chain)}</div>
</li>
<li>
<label>Msg:</label>
<div>{fromUtf8(msgValue.msg)}</div>
<JsonEditor readOnly content={{ json: JSON.parse(fromUtf8(msgValue.msg, true)) }} />
</li>
<style jsx>{`
li:not(:has(h3)) {

6
components/dataViews/TransactionInfo/TxMsgMigrateContractDetails.tsx
View File

@ -1,7 +1,10 @@
import { fromUtf8 } from "@cosmjs/encoding";
import { MsgMigrateContract } from "cosmjs-types/cosmwasm/wasm/v1/tx";
import dynamic from "next/dynamic";
import HashView from "../HashView";
const JsonEditor = dynamic(() => import("../../inputs/JsonEditor"), { ssr: false });
interface TxMsgMigrateContractDetailsProps {
readonly msgValue: MsgMigrateContract;
}
@ -22,8 +25,7 @@ const TxMsgMigrateContractDetails = ({ msgValue }: TxMsgMigrateContractDetailsPr
<div>{msgValue.codeId.toString()}</div>
</li>
<li>
<label>Msg:</label>
<div>{fromUtf8(msgValue.msg)}</div>
<JsonEditor readOnly content={{ json: JSON.parse(fromUtf8(msgValue.msg, true)) }} />
</li>
<style jsx>{`
li:not(:has(h3)) {