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
+
+ )}