Add and use TxMsgSetWithdrawAddressDetails

components/dataViews/TransactionInfo/TxMsgSetWithdrawAddressDetails.tsx

@@ -0,0 +1,47 @@
+import { TxMsgSetWithdrawAddress } from "../../../types/txMsg";
+import HashView from "../HashView";
+
+interface TxMsgSetWithdrawAddressDetailsProps {
+  readonly msg: TxMsgSetWithdrawAddress;
+}
+
+const TxMsgSetWithdrawAddressDetails = ({ msg }: TxMsgSetWithdrawAddressDetailsProps) => (
+  <>
+    <li>
+      <h2>MsgSetWithdrawAddress</h2>
+    </li>
+    <li>
+      <label>Withdraw Address:</label>
+      <div title={msg.value.withdrawAddress}>
+        <HashView hash={msg.value.withdrawAddress} />
+      </div>
+    </li>
+    <style jsx>{`
+      li:not(:has(h2)) {
+        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 TxMsgSetWithdrawAddressDetails;

components/dataViews/TransactionInfo/index.tsx

@@ -5,6 +5,7 @@ import {
   isTxMsgDelegate,
   isTxMsgRedelegate,
   isTxMsgSend,
+  isTxMsgSetWithdrawAddress,
   isTxMsgUndelegate,
 } from "../../../lib/txMsgHelpers";
 import { DbTransaction } from "../../../types";
@@ -13,6 +14,7 @@ import TxMsgClaimRewardsDetails from "./TxMsgClaimRewardsDetails";
 import TxMsgDelegateDetails from "./TxMsgDelegateDetails";
 import TxMsgRedelegateDetails from "./TxMsgRedelegateDetails";
 import TxMsgSendDetails from "./TxMsgSendDetails";
+import TxMsgSetWithdrawAddressDetails from "./TxMsgSetWithdrawAddressDetails";
 import TxMsgUndelegateDetails from "./TxMsgUndelegateDetails";
 
 interface Props {
@@ -33,6 +35,7 @@ const TransactionInfo = ({ tx }: Props) => {
               {isTxMsgUndelegate(msg) ? <TxMsgUndelegateDetails msg={msg} /> : null}
               {isTxMsgRedelegate(msg) ? <TxMsgRedelegateDetails msg={msg} /> : null}
               {isTxMsgClaimRewards(msg) ? <TxMsgClaimRewardsDetails msg={msg} /> : null}
+              {isTxMsgSetWithdrawAddress(msg) ? <TxMsgSetWithdrawAddressDetails msg={msg} /> : null}
             </StackableContainer>
           ))}
           <StackableContainer lessPadding lessMargin>