From da8e704f3e5a2642c8954ddbd1e919a641f15c47 Mon Sep 17 00:00:00 2001
From: abefernan <44572727+abefernan@users.noreply.github.com>
Date: Thu, 27 Jul 2023 09:48:08 +0200
Subject: [PATCH] Conditionally render custom denom input

---
 .../MsgForm/MsgExecuteContractForm.tsx        | 32 ++++++++++---------
 .../MsgForm/MsgInstantiateContract2Form.tsx   | 32 ++++++++++---------
 .../MsgForm/MsgInstantiateContractForm.tsx    | 32 ++++++++++---------
 .../CreateTxForm/MsgForm/MsgSendForm.tsx      | 32 ++++++++++---------
 4 files changed, 68 insertions(+), 60 deletions(-)

diff --git a/components/forms/CreateTxForm/MsgForm/MsgExecuteContractForm.tsx b/components/forms/CreateTxForm/MsgForm/MsgExecuteContractForm.tsx
index a335b98..f085dc2 100644
--- a/components/forms/CreateTxForm/MsgForm/MsgExecuteContractForm.tsx
+++ b/components/forms/CreateTxForm/MsgForm/MsgExecuteContractForm.tsx
@@ -168,21 +168,23 @@ const MsgExecuteContractForm = ({
           }}
         />
       </div>
-      <div className="form-item">
-        <Input
-          label="Custom denom"
-          name="custom-denom"
-          value={customDenom}
-          onChange={({ target }) => setCustomDenom(target.value)}
-          placeholder={
-            selectedDenom.value === customDenomOption.value
-              ? "Enter custom denom"
-              : "Select Custom denom above"
-          }
-          disabled={selectedDenom.value !== customDenomOption.value}
-          error={customDenomError}
-        />
-      </div>
+      {selectedDenom.value === customDenomOption.value ? (
+        <div className="form-item">
+          <Input
+            label="Custom denom"
+            name="custom-denom"
+            value={customDenom}
+            onChange={({ target }) => setCustomDenom(target.value)}
+            placeholder={
+              selectedDenom.value === customDenomOption.value
+                ? "Enter custom denom"
+                : "Select Custom denom above"
+            }
+            disabled={selectedDenom.value !== customDenomOption.value}
+            error={customDenomError}
+          />
+        </div>
+      ) : null}
       <div className="form-item">
         <Input
           type="number"
diff --git a/components/forms/CreateTxForm/MsgForm/MsgInstantiateContract2Form.tsx b/components/forms/CreateTxForm/MsgForm/MsgInstantiateContract2Form.tsx
index 64b8a16..6253686 100644
--- a/components/forms/CreateTxForm/MsgForm/MsgInstantiateContract2Form.tsx
+++ b/components/forms/CreateTxForm/MsgForm/MsgInstantiateContract2Form.tsx
@@ -244,21 +244,23 @@ const MsgInstantiateContract2Form = ({
           }}
         />
       </div>
-      <div className="form-item">
-        <Input
-          label="Custom denom"
-          name="custom-denom"
-          value={customDenom}
-          onChange={({ target }) => setCustomDenom(target.value)}
-          placeholder={
-            selectedDenom.value === customDenomOption.value
-              ? "Enter custom denom"
-              : "Select Custom denom above"
-          }
-          disabled={selectedDenom.value !== customDenomOption.value}
-          error={customDenomError}
-        />
-      </div>
+      {selectedDenom.value === customDenomOption.value ? (
+        <div className="form-item">
+          <Input
+            label="Custom denom"
+            name="custom-denom"
+            value={customDenom}
+            onChange={({ target }) => setCustomDenom(target.value)}
+            placeholder={
+              selectedDenom.value === customDenomOption.value
+                ? "Enter custom denom"
+                : "Select Custom denom above"
+            }
+            disabled={selectedDenom.value !== customDenomOption.value}
+            error={customDenomError}
+          />
+        </div>
+      ) : null}
       <div className="form-item">
         <Input
           type="number"
diff --git a/components/forms/CreateTxForm/MsgForm/MsgInstantiateContractForm.tsx b/components/forms/CreateTxForm/MsgForm/MsgInstantiateContractForm.tsx
index 77d1f18..ae3d9a4 100644
--- a/components/forms/CreateTxForm/MsgForm/MsgInstantiateContractForm.tsx
+++ b/components/forms/CreateTxForm/MsgForm/MsgInstantiateContractForm.tsx
@@ -209,21 +209,23 @@ const MsgInstantiateContractForm = ({
           }}
         />
       </div>
-      <div className="form-item">
-        <Input
-          label="Custom denom"
-          name="custom-denom"
-          value={customDenom}
-          onChange={({ target }) => setCustomDenom(target.value)}
-          placeholder={
-            selectedDenom.value === customDenomOption.value
-              ? "Enter custom denom"
-              : "Select Custom denom above"
-          }
-          disabled={selectedDenom.value !== customDenomOption.value}
-          error={customDenomError}
-        />
-      </div>
+      {selectedDenom.value === customDenomOption.value ? (
+        <div className="form-item">
+          <Input
+            label="Custom denom"
+            name="custom-denom"
+            value={customDenom}
+            onChange={({ target }) => setCustomDenom(target.value)}
+            placeholder={
+              selectedDenom.value === customDenomOption.value
+                ? "Enter custom denom"
+                : "Select Custom denom above"
+            }
+            disabled={selectedDenom.value !== customDenomOption.value}
+            error={customDenomError}
+          />
+        </div>
+      ) : null}
       <div className="form-item">
         <Input
           type="number"
diff --git a/components/forms/CreateTxForm/MsgForm/MsgSendForm.tsx b/components/forms/CreateTxForm/MsgForm/MsgSendForm.tsx
index e97355a..9a8728b 100644
--- a/components/forms/CreateTxForm/MsgForm/MsgSendForm.tsx
+++ b/components/forms/CreateTxForm/MsgForm/MsgSendForm.tsx
@@ -133,21 +133,23 @@ const MsgSendForm = ({ fromAddress, setMsgGetter, deleteMsg }: MsgSendFormProps)
           }}
         />
       </div>
-      <div className="form-item">
-        <Input
-          label="Custom denom"
-          name="custom-denom"
-          value={customDenom}
-          onChange={({ target }) => setCustomDenom(target.value)}
-          placeholder={
-            selectedDenom.value === customDenomOption.value
-              ? "Enter custom denom"
-              : "Select Custom denom above"
-          }
-          disabled={selectedDenom.value !== customDenomOption.value}
-          error={customDenomError}
-        />
-      </div>
+      {selectedDenom.value === customDenomOption.value ? (
+        <div className="form-item">
+          <Input
+            label="Custom denom"
+            name="custom-denom"
+            value={customDenom}
+            onChange={({ target }) => setCustomDenom(target.value)}
+            placeholder={
+              selectedDenom.value === customDenomOption.value
+                ? "Enter custom denom"
+                : "Select Custom denom above"
+            }
+            disabled={selectedDenom.value !== customDenomOption.value}
+            error={customDenomError}
+          />
+        </div>
+      ) : null}
       <div className="form-item">
         <Input
           type="number"