Add connecting state and messages to ConnectOverlay component

softstack · Apr 26, 2024 · d4451b9 · d4451b9
1 parent 32b8ad9
commit d4451b9
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/components/connectOverlay/ConnectOverlay.tsx b/src/components/connectOverlay/ConnectOverlay.tsx
@@ -117,9 +117,17 @@ const ConnectOverlay: React.FC<Props> = ({
             </div>
             <hr className="horizontal-line" />
             {connecting ? (
-                <div>
-                    <p>Connecting...</p>
-                </div>
+                <>
+                    <div>
+                        <p>Connecting...</p>
+                    </div>
+                    <div>
+                        <p>Connecting Wallet</p>
+                    </div>
+                    <div>
+                        <p>Please connect MetaMask & approve transaction</p>
+                    </div>
+                </>
             ) : (
                 <>
                     <div className="choose-network-header">