Reorder form fields for migrate

components/forms/CreateTxForm/MsgForm/MsgMigrateContractForm.tsx

@@ -24,29 +24,29 @@ const MsgMigrateContractForm = ({
 }: MsgMigrateContractFormProps) => {
   const { chain } = useChains();
 
-  const [codeId, setCodeId] = useState("");
   const [contractAddress, setContractAddress] = useState("");
+  const [codeId, setCodeId] = useState("");
   const [msgContent, setMsgContent] = useState("{}");
 
-  const [codeIdError, setCodeIdError] = useState("");
   const [contractAddressError, setContractAddressError] = useState("");
+  const [codeIdError, setCodeIdError] = useState("");
 
   useEffect(() => {
     setCodeIdError("");
     setContractAddressError("");
 
     const isMsgValid = (): boolean => {
-      if (!codeId || !Number.isSafeInteger(Number(codeId)) || Number(codeId) <= 0) {
-        setCodeIdError("Code ID must be a positive integer");
-        return false;
-      }
-
       const addressErrorMsg = checkAddress(contractAddress, chain.addressPrefix);
       if (addressErrorMsg) {
         setContractAddressError(`Invalid address for network ${chain.chainId}: ${addressErrorMsg}`);
         return false;
       }
 
+      if (!codeId || !Number.isSafeInteger(Number(codeId)) || Number(codeId) <= 0) {
+        setCodeIdError("Code ID must be a positive integer");
+        return false;
+      }
+
       return true;
     };
 
@@ -85,15 +85,6 @@ const MsgMigrateContractForm = ({
         ✕
       </button>
       <h2>MsgMigrateContract</h2>
-      <div className="form-item">
-        <Input
-          label="Code ID"
-          name="code-id"
-          value={codeId}
-          onChange={({ target }) => setCodeId(target.value)}
-          error={codeIdError}
-        />
-      </div>
       <div className="form-item">
         <Input
           label="Contract Address"
@@ -104,6 +95,15 @@ const MsgMigrateContractForm = ({
           placeholder={`E.g. ${exampleAddress(0, chain.addressPrefix)}`}
         />
       </div>
+      <div className="form-item">
+        <Input
+          label="Code ID"
+          name="code-id"
+          value={codeId}
+          onChange={({ target }) => setCodeId(target.value)}
+          error={codeIdError}
+        />
+      </div>
       <div className="form-item">
         <JsonEditor
           label="Msg JSON"