From f6d8b7acd80bea685b40220bd8f3b0b308bb6a87 Mon Sep 17 00:00:00 2001
From: abefernan <44572727+abefernan@users.noreply.github.com>
Date: Fri, 26 May 2023 10:24:39 +0200
Subject: [PATCH] Show tx gas and fee before msg list

---
 .../dataViews/TransactionInfo/index.tsx       | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/components/dataViews/TransactionInfo/index.tsx b/components/dataViews/TransactionInfo/index.tsx
index 722746d..f517302 100644
--- a/components/dataViews/TransactionInfo/index.tsx
+++ b/components/dataViews/TransactionInfo/index.tsx
@@ -28,16 +28,6 @@ const TransactionInfo = ({ tx }: Props) => {
     <>
       <ul className="meta-data">
         <>
-          {tx.msgs.map((msg, index) => (
-            <StackableContainer key={index} lessPadding lessMargin>
-              {isTxMsgSend(msg) ? <TxMsgSendDetails msg={msg} /> : null}
-              {isTxMsgDelegate(msg) ? <TxMsgDelegateDetails msg={msg} /> : null}
-              {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>
             {tx.fee ? (
               <>
@@ -58,6 +48,20 @@ const TransactionInfo = ({ tx }: Props) => {
               </li>
             ) : null}
           </StackableContainer>
+          <StackableContainer lessPadding lessMargin>
+            {tx.msgs.map((msg, index) => (
+              <StackableContainer key={index} lessPadding lessMargin>
+                {isTxMsgSend(msg) ? <TxMsgSendDetails msg={msg} /> : null}
+                {isTxMsgDelegate(msg) ? <TxMsgDelegateDetails msg={msg} /> : null}
+                {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>
         </>
       </ul>
       <style jsx>{`