diff --git a/src/components/Body/IFrameConnectTab/ShareModal.tsx b/src/components/Body/IFrameConnectTab/ShareModal.tsx index b83e03d..328d6d9 100644 --- a/src/components/Body/IFrameConnectTab/ShareModal.tsx +++ b/src/components/Body/IFrameConnectTab/ShareModal.tsx @@ -43,7 +43,7 @@ function ShareModal({ - Share this link so that anyone can auto connect to this dapp with + Share this link so that anyone can auto-connect to this dapp with your provided address! diff --git a/src/components/Body/IFrameConnectTab/index.tsx b/src/components/Body/IFrameConnectTab/index.tsx index 30db514..4719c5a 100644 --- a/src/components/Body/IFrameConnectTab/index.tsx +++ b/src/components/Body/IFrameConnectTab/index.tsx @@ -8,7 +8,10 @@ import { Input, Text, useDisclosure, + InputGroup, + InputRightElement, } from "@chakra-ui/react"; +import { DeleteIcon } from "@chakra-ui/icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faShareAlt } from "@fortawesome/free-solid-svg-icons"; import SupportedDapps from "./SupportedDapps"; @@ -57,14 +60,30 @@ function IFrameConnectTab({ /> - setInputAppUrl(e.target.value)} - bg={bg} - /> + + setInputAppUrl(e.target.value)} + bg={bg} + /> + {inputAppUrl && ( + + + + )} + {appUrl && ( <>