diff --git a/packages/app/src/components/Home/InstallPage.tsx b/packages/app/src/components/Home/InstallPage.tsx index 82a73db6..3302f526 100644 --- a/packages/app/src/components/Home/InstallPage.tsx +++ b/packages/app/src/components/Home/InstallPage.tsx @@ -12,10 +12,17 @@ import { useGetHealth } from '../../api/health.api' const InstallPage = () => { const [isWaiting, setIsWaiting] = useState(false) + const [displayBlockedMessage, setDisplayBlockedMessage] = useState(false) const { data: health } = useGetHealth() if (health) return + const onCopy = () => { + setIsWaiting(true) + setTimeout(() => { + setDisplayBlockedMessage(true) + }, 5000) + } const desktopBorder = { borderBottom: { xs: '1px solid #707070', lg: 'none' }, borderRight: { xs: 'none', lg: '1px solid #707070' }, @@ -219,11 +226,15 @@ const InstallPage = () => { > { - setIsWaiting(true) - }} + onCopy={onCopy} /> + {displayBlockedMessage && ( + + Please make sure your browser and ad blockers are not + blocking localhost:14400 + + )}