From eb2ba4fb715b26eb96d9d732dd80c38589771af9 Mon Sep 17 00:00:00 2001
From: HoangNDM <hoangndm6@fpt.com>
Date: Wed, 20 Dec 2023 14:38:24 +0700
Subject: [PATCH] fix disabled tx memo

---
 src/components/Input/TxMemo/index.tsx                     | 8 +++++++-
 .../Transactions/TxActionModal/ClaimReward/index.tsx      | 2 +-
 .../TxActionModal/ContractInteraction/index.tsx           | 2 +-
 .../TxActionModal/CustomTransaction/index.tsx             | 4 ++--
 src/pages/Transactions/TxActionModal/Delegate/index.tsx   | 2 +-
 src/pages/Transactions/TxActionModal/MultiSend/index.tsx  | 2 +-
 src/pages/Transactions/TxActionModal/Redelegate/index.tsx | 2 +-
 src/pages/Transactions/TxActionModal/Send/index.tsx       | 2 +-
 src/pages/Transactions/TxActionModal/Undelegate/index.tsx | 2 +-
 src/pages/Transactions/TxActionModal/Vote/index.tsx       | 2 +-
 10 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/components/Input/TxMemo/index.tsx b/src/components/Input/TxMemo/index.tsx
index bed1f60c8e..cfdd196d4e 100644
--- a/src/components/Input/TxMemo/index.tsx
+++ b/src/components/Input/TxMemo/index.tsx
@@ -7,7 +7,13 @@ type Props = {
 }
 const TxMemo = ({ txMemo, setTxMemo, disabled }: Props) => {
   return (
-    <TextField disabled={disabled} placeholder="Transaction memo (optional)" label="Transaction memo" value={txMemo} onChange={setTxMemo} />
+    <TextField
+      disabled={disabled}
+      placeholder="Transaction memo (optional)"
+      label="Transaction memo"
+      value={txMemo}
+      onChange={setTxMemo}
+    />
   )
 }
 
diff --git a/src/pages/Transactions/TxActionModal/ClaimReward/index.tsx b/src/pages/Transactions/TxActionModal/ClaimReward/index.tsx
index a7f24df1df..930625e6ba 100644
--- a/src/pages/Transactions/TxActionModal/ClaimReward/index.tsx
+++ b/src/pages/Transactions/TxActionModal/ClaimReward/index.tsx
@@ -116,7 +116,7 @@ export default function Execute({ open, onClose, data, sendTx, rejectTx, disable
                   <Gap height={24} />
                 </>
               )}
-              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled={action === 'execute'} />
+              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled />
               <Gap height={24} />
               <Amount label="Total Allocation Amount" amount={formatNativeToken(+data.txDetails?.fee || 0)} />
             </>
diff --git a/src/pages/Transactions/TxActionModal/ContractInteraction/index.tsx b/src/pages/Transactions/TxActionModal/ContractInteraction/index.tsx
index fa3d53edfc..e6d06081fa 100644
--- a/src/pages/Transactions/TxActionModal/ContractInteraction/index.tsx
+++ b/src/pages/Transactions/TxActionModal/ContractInteraction/index.tsx
@@ -125,7 +125,7 @@ export default function Execute({ open, onClose, data, sendTx, rejectTx, disable
                   <Gap height={24} />
                 </>
               )}
-              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled={action === 'execute'} />
+              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled />
               <Gap height={24} />
               <Divider />
               <Amount label="Total Allocation Amount" amount={formatNativeToken(+data.txDetails?.fee || 0)} />
diff --git a/src/pages/Transactions/TxActionModal/CustomTransaction/index.tsx b/src/pages/Transactions/TxActionModal/CustomTransaction/index.tsx
index f21dbccc7d..348b157625 100644
--- a/src/pages/Transactions/TxActionModal/CustomTransaction/index.tsx
+++ b/src/pages/Transactions/TxActionModal/CustomTransaction/index.tsx
@@ -110,7 +110,7 @@ export default function Execute({ open, onClose, data, sendTx, rejectTx, disable
           </div>
           <Divider />
           <div className="msgs">
-            {JSON.parse(data.txDetails?.rawMessage).map((message, index) => {
+            {JSON.parse(data.txDetails?.rawMessage ?? []).map((message, index) => {
               return <Message key={index} index={index} msgData={message} />
             })}
           </div>
@@ -147,7 +147,7 @@ export default function Execute({ open, onClose, data, sendTx, rejectTx, disable
                   <Gap height={16} />
                 </>
               )}
-              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled={action === 'execute'} />
+              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled />
               <Gap height={16} />
               <Divider />
               <Amount
diff --git a/src/pages/Transactions/TxActionModal/Delegate/index.tsx b/src/pages/Transactions/TxActionModal/Delegate/index.tsx
index 8e3f0da776..05a4f4fca2 100644
--- a/src/pages/Transactions/TxActionModal/Delegate/index.tsx
+++ b/src/pages/Transactions/TxActionModal/Delegate/index.tsx
@@ -128,7 +128,7 @@ export default function Execute({ open, onClose, data, sendTx, rejectTx, disable
                   <Gap height={24} />
                 </>
               )}
-              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled={action === 'execute'} />
+              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled />
               <Gap height={24} />
               <Amount amount={formatNativeToken(data?.txDetails?.txMessage[0]?.amount)} />
               <Divider />
diff --git a/src/pages/Transactions/TxActionModal/MultiSend/index.tsx b/src/pages/Transactions/TxActionModal/MultiSend/index.tsx
index c2626857ca..48b16c0b2e 100644
--- a/src/pages/Transactions/TxActionModal/MultiSend/index.tsx
+++ b/src/pages/Transactions/TxActionModal/MultiSend/index.tsx
@@ -133,7 +133,7 @@ export default function Execute({ open, onClose, data, sendTx, rejectTx, disable
                   <Gap height={16} />
                 </>
               )}
-              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled={action === 'execute'} />
+              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled />
               <Gap height={16} />
               <Amount label="Total Amount" amount={formatNativeToken(totalAmount)} />
               <Divider />
diff --git a/src/pages/Transactions/TxActionModal/Redelegate/index.tsx b/src/pages/Transactions/TxActionModal/Redelegate/index.tsx
index 1fda20a74d..b841925d64 100644
--- a/src/pages/Transactions/TxActionModal/Redelegate/index.tsx
+++ b/src/pages/Transactions/TxActionModal/Redelegate/index.tsx
@@ -135,7 +135,7 @@ export default function Execute({ open, onClose, data, sendTx, rejectTx, disable
                   <Gap height={24} />
                 </>
               )}
-              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled={action === 'execute'} />
+              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled />
               <Gap height={24} />
               <Amount amount={formatNativeToken(data?.txDetails?.txMessage[0]?.amount)} />
               <Divider />
diff --git a/src/pages/Transactions/TxActionModal/Send/index.tsx b/src/pages/Transactions/TxActionModal/Send/index.tsx
index c5e5daeeb2..6319b29ce5 100644
--- a/src/pages/Transactions/TxActionModal/Send/index.tsx
+++ b/src/pages/Transactions/TxActionModal/Send/index.tsx
@@ -123,7 +123,7 @@ export default function Execute({ open, onClose, data, sendTx, rejectTx, disable
                 </>
               )}
               <Gap height={16} />
-              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled={action === 'execute'} />
+              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled />
               <Divider />
               <Amount label="Total Allocation Amount" amount={totalAllocationAmount} />
               <Divider />
diff --git a/src/pages/Transactions/TxActionModal/Undelegate/index.tsx b/src/pages/Transactions/TxActionModal/Undelegate/index.tsx
index ac68401106..ea1fadfb26 100644
--- a/src/pages/Transactions/TxActionModal/Undelegate/index.tsx
+++ b/src/pages/Transactions/TxActionModal/Undelegate/index.tsx
@@ -131,7 +131,7 @@ export default function Execute({ open, onClose, data, sendTx, rejectTx, disable
                   <Gap height={24} />
                 </>
               )}
-              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled={action === 'execute'} />
+              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled />
               <Gap height={24} />
               <Amount amount={formatNativeToken(data?.txDetails?.txMessage[0]?.amount)} />
               <Divider />
diff --git a/src/pages/Transactions/TxActionModal/Vote/index.tsx b/src/pages/Transactions/TxActionModal/Vote/index.tsx
index 7b62136142..6cbd49647d 100644
--- a/src/pages/Transactions/TxActionModal/Vote/index.tsx
+++ b/src/pages/Transactions/TxActionModal/Vote/index.tsx
@@ -130,7 +130,7 @@ export default function Execute({ open, onClose, data, sendTx, rejectTx, disable
                   <Gap height={16} />
                 </>
               )}
-              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled={action === 'execute'} />
+              <TxMemo txMemo={txMemo} setTxMemo={setTxMemo} disabled />
               <Gap height={16} />
               <Amount label="Total Allocation Amount" amount={formatNativeToken(+data.txDetails?.fee || 0)} />
             </>