From 4b84a6246764293cf1d0919c1d9c3d16943b0bf2 Mon Sep 17 00:00:00 2001
From: Uncle Fatso <uncle.fatso@ghostchain.io>
Date: Mon, 11 May 2026 14:34:06 +0300
Subject: [PATCH] ability to refresh page after the extension is installed

Signed-off-by: Uncle Fatso <uncle.fatso@ghostchain.io>
---
 package.json                              |  2 +-
 src/containers/Breakout/BreakoutModal.jsx | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 7a5f99d..93eb42e 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ghost-dao-interface",
   "private": true,
-  "version": "0.7.47",
+  "version": "0.7.48",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/containers/Breakout/BreakoutModal.jsx b/src/containers/Breakout/BreakoutModal.jsx
index f260eb2..e714a4f 100644
--- a/src/containers/Breakout/BreakoutModal.jsx
+++ b/src/containers/Breakout/BreakoutModal.jsx
@@ -248,6 +248,7 @@ const WelcomeView = ({
     defaultFunction,
     closeModal
 }) => {
+    const [refreshNeeded, setRefreshNeeded] = useState(false);
     const [isPending, setIsPending] = useState(false);
 
     const { epoch } = useEpoch(chainId);
@@ -256,9 +257,10 @@ const WelcomeView = ({
 
     const { isExtensionMissing } = useUnstableProvider();
 
+    const refreshPage = () => window.location.reload();
     const getConnect = () => {
+        setRefreshNeeded(true)
         window.open(GHOST_CONNECT, '_blank', 'noopener,noreferrer');
-        closeModal();
     }
 
     const callDefaultFunction = useCallback(async () => {
@@ -308,10 +310,15 @@ const WelcomeView = ({
 
             <PrimaryButton
                 disabled={isPending || gatekeeperAddress === EMPTY_ADDRESS}
-                onClick={isExtensionMissing ? getConnect : goNext}
+                onClick={isExtensionMissing
+                    ? (refreshNeeded ? refreshPage : getConnect)
+                    : goNext
+                }
                 fullWidth
             >
-                {isExtensionMissing ? "Get GHOST Connect" : `Start ${bridgeNumbers} ${"Stake\u00B2"}`}
+                {isExtensionMissing
+                    ? (refreshNeeded ? "Refresh Page" : "Get GHOST Connect")
+                    : `Start ${bridgeNumbers} ${"Stake\u00B2"}`}
             </PrimaryButton>
         </>
     )