diff --git a/src/components/Body/AddressInput.tsx b/src/components/Body/AddressInput.tsx index b9201c7..2e34ec6 100644 --- a/src/components/Body/AddressInput.tsx +++ b/src/components/Body/AddressInput.tsx @@ -6,6 +6,7 @@ import { InputRightElement, Button, } from "@chakra-ui/react"; +import { DeleteIcon } from "@chakra-ui/icons"; interface AddressInputParams { showAddress: string; @@ -51,13 +52,28 @@ function AddressInput({ bg={bg} isInvalid={!isAddressValid} /> - {((selectedTabIndex === 0 && isConnected) || - (selectedTabIndex === 1 && appUrl && !isIFrameLoading)) && ( + {(selectedTabIndex === 0 && isConnected) || + (selectedTabIndex === 1 && appUrl && !isIFrameLoading) ? ( + ) : ( + showAddress && ( + + + + ) )} diff --git a/src/components/Body/WalletConnectTab/URIInput.tsx b/src/components/Body/WalletConnectTab/URIInput.tsx index 14c7f21..17b1c9c 100644 --- a/src/components/Body/WalletConnectTab/URIInput.tsx +++ b/src/components/Body/WalletConnectTab/URIInput.tsx @@ -7,8 +7,11 @@ import { Box, Text, Input, + InputGroup, + InputRightElement, + Button, } from "@chakra-ui/react"; -import { InfoIcon } from "@chakra-ui/icons"; +import { InfoIcon, DeleteIcon } from "@chakra-ui/icons"; interface URIInputParams { uri: string; @@ -57,20 +60,30 @@ function URIInput({ - setUri(e.target.value)} - onPaste={(e) => { - e.preventDefault(); - setPasted(true); - setUri(e.clipboardData.getData("text")); - }} - bg={bg} - isDisabled={isConnected} - /> + + setUri(e.target.value)} + onPaste={(e) => { + e.preventDefault(); + setPasted(true); + setUri(e.clipboardData.getData("text")); + }} + bg={bg} + isDisabled={isConnected} + /> + {uri && !isConnected && ( + + + + )} + );