Update ConnectOverlay component to display connecting state and messages

softstack · Apr 26, 2024 · 60dfbb8 · 60dfbb8
1 parent 7ff54e0
commit 60dfbb8
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/connectOverlay/ConnectOverlay.tsx b/src/components/connectOverlay/ConnectOverlay.tsx
@@ -119,13 +119,15 @@ const ConnectOverlay: React.FC<Props> = ({
             {connecting ? (
                 <>
                     <div>
-                        <p>Connecting...</p>
+                        <p style={{ color: 'black' }}>Connecting...</p>
                     </div>
                     <div>
-                        <p>Connecting Wallet</p>
+                        <p style={{ color: 'black' }}>Connecting Wallet</p>
                     </div>
                     <div>
-                        <p>Please connect MetaMask & approve transaction</p>
+                        <p style={{ color: 'black' }}>
+                            Please connect MetaMask & approve transaction
+                        </p>
                     </div>
                 </>
             ) : (