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 && (
+
+
+
+ )}
+
);