fix: full address visible

Author: JayJay1024

src/components/appBox.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { ChangeEventHandler, useCallback, useMemo, useRef, useState } from "react";
+import { ChangeEventHandler, useCallback, useMemo, useState } from "react";
 import Image from "next/image";
 import ChainSelectInput from "./chainSelectInput";
 import SuccessModal from "./successModal";
@@ -35,7 +35,6 @@ export default function AppBox() {
 
   const {
     sender,
-    setSender,
     recipient,
     setRecipient,
     sourceAssetBalance,
@@ -121,17 +120,6 @@ export default function AppBox() {
     [sourceAsset, min, sourceAssetBalance, assetLimit, assetSupply, setTransferAmount],
   );
 
-  const senderAddressType = useMemo(() => sourceChain.addressType, [sourceChain]);
-
-  const handleSenderAddressChange = useCallback<ChangeEventHandler<HTMLInputElement>>(
-    (e) => {
-      const address = e.target.value;
-      const valid = address ? isValidAddress(address, senderAddressType) : true;
-      setSender({ valid, address });
-    },
-    [senderAddressType, setSender],
-  );
-
   const recipientAddressType = useMemo(() => targetChain.addressType, [targetChain]);
 
   const handleRecipientAddressChange = useCallback<ChangeEventHandler<HTMLInputElement>>(
@@ -351,10 +339,12 @@ export default function AppBox() {
           {sender ? (
             <input
               type="text"
-              disabled
               value={sender ? formatAddressByChain(sender.address, sourceChain) : ""}
-              onChange={handleSenderAddressChange}
               placeholder="Enter address"
+              onChange={(e) => {
+                e.stopPropagation();
+                e.preventDefault();
+              }}
               className="h-[24px] text-ellipsis whitespace-nowrap border-none bg-transparent text-[14px] font-[700] leading-[24px] outline-none"
             />
           ) : (