From 3d4f9dea893d4e7e04cb70bc64f5cbb25a3f52ae Mon Sep 17 00:00:00 2001
From: abefernan <44572727+abefernan@users.noreply.github.com>
Date: Mon, 10 Jul 2023 19:18:13 +0200
Subject: [PATCH] Add migrate details

---
 .../TxMsgMigrateContractDetails.tsx           | 56 +++++++++++++++++++
 .../dataViews/TransactionInfo/index.tsx       |  3 +
 2 files changed, 59 insertions(+)
 create mode 100644 components/dataViews/TransactionInfo/TxMsgMigrateContractDetails.tsx

diff --git a/components/dataViews/TransactionInfo/TxMsgMigrateContractDetails.tsx b/components/dataViews/TransactionInfo/TxMsgMigrateContractDetails.tsx
new file mode 100644
index 0000000..8e095a1
--- /dev/null
+++ b/components/dataViews/TransactionInfo/TxMsgMigrateContractDetails.tsx
@@ -0,0 +1,56 @@
+import { fromUtf8 } from "@cosmjs/encoding";
+import { MsgMigrateContract } from "cosmjs-types/cosmwasm/wasm/v1/tx";
+import HashView from "../HashView";
+
+interface TxMsgMigrateContractDetailsProps {
+  readonly msgValue: MsgMigrateContract;
+}
+
+const TxMsgMigrateContractDetails = ({ msgValue }: TxMsgMigrateContractDetailsProps) => (
+  <>
+    <li>
+      <h3>MsgMigrateContract</h3>
+    </li>
+    <li>
+      <label>Contract:</label>
+      <div title={msgValue.contract}>
+        <HashView hash={msgValue.contract} />
+      </div>
+    </li>
+    <li>
+      <label>Code ID:</label>
+      <div>{msgValue.codeId.toString()}</div>
+    </li>
+    <li>
+      <label>Msg:</label>
+      <div>{fromUtf8(msgValue.msg)}</div>
+    </li>
+    <style jsx>{`
+      li:not(:has(h3)) {
+        background: rgba(255, 255, 255, 0.03);
+        padding: 6px 10px;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+      }
+      li + li:nth-child(2) {
+        margin-top: 25px;
+      }
+      li + li {
+        margin-top: 10px;
+      }
+      li div {
+        padding: 3px 6px;
+      }
+      label {
+        font-size: 12px;
+        background: rgba(255, 255, 255, 0.1);
+        padding: 3px 6px;
+        border-radius: 5px;
+        display: block;
+      }
+    `}</style>
+  </>
+);
+
+export default TxMsgMigrateContractDetails;
diff --git a/components/dataViews/TransactionInfo/index.tsx b/components/dataViews/TransactionInfo/index.tsx
index 0b11c6c..c6f5c12 100644
--- a/components/dataViews/TransactionInfo/index.tsx
+++ b/components/dataViews/TransactionInfo/index.tsx
@@ -10,6 +10,7 @@ import TxMsgDelegateDetails from "./TxMsgDelegateDetails";
 import TxMsgExecuteContractDetails from "./TxMsgExecuteContractDetails";
 import TxMsgInstantiateContract2Details from "./TxMsgInstantiateContract2Details";
 import TxMsgInstantiateContractDetails from "./TxMsgInstantiateContractDetails";
+import TxMsgMigrateContractDetails from "./TxMsgMigrateContractDetails";
 import TxMsgRedelegateDetails from "./TxMsgRedelegateDetails";
 import TxMsgSendDetails from "./TxMsgSendDetails";
 import TxMsgSetWithdrawAddressDetails from "./TxMsgSetWithdrawAddressDetails";
@@ -40,6 +41,8 @@ const TxMsgDetails = ({ typeUrl, value: msgValue }: EncodeObject) => {
       return <TxMsgInstantiateContractDetails msgValue={msgValue} />;
     case MsgTypeUrls.Instantiate2:
       return <TxMsgInstantiateContract2Details msgValue={msgValue} />;
+    case MsgTypeUrls.Migrate:
+      return <TxMsgMigrateContractDetails msgValue={msgValue} />;
     default:
       return null;
   }