Merge pull request #207 from nspcc-dev/feature/190-onegate_note

Add a note about OneGate to the login page
nspcc-dev · Apr 15, 2024 · 719833d · 719833d
2 parents 45de9b9 + 7087895
commit 719833d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/src/App.css b/src/App.css
@@ -205,6 +205,12 @@ ul {
     right: 15px;
 }
 
+.btn_connect_wallet span {
+    color: #00e599;
+    position: absolute;
+    right: 15px;
+}
+
 .box {
     border-radius: 0;
 }

diff --git a/src/App.js b/src/App.js
@@ -756,7 +756,7 @@ export const App = () => {
 				wcSdk.setSession(session);
 			}
 		} catch (error) {
-			onModal('failed', 'Failed to connect to the wallet, please try again');
+			onModal('failed', type === 'onegate' ? 'OneGate connection works only if you open the page from OneGate explorer' : 'Failed to connect to the wallet, please try again');
 		}
 	}
 
@@ -1836,6 +1836,7 @@ export const App = () => {
 					path="/"
 					element={<Home
 						onModal={onModal}
+						dapi={dapi}
 						onConnectWallet={onConnectWallet}
 					/>}
 				/>

diff --git a/src/Home.js b/src/Home.js
@@ -12,6 +12,7 @@ import {
 const Home = ({
 		onModal,
 		onConnectWallet,
+		dapi,
 	}) => {
 
 	return (
@@ -61,7 +62,11 @@ const Home = ({
 								onClick={() => onConnectWallet('onegate')}
 							>
 								Onegate
-								<img src="/img/icons/wallets/onegate.svg" alt="onegate logo" />
+								{dapi ? (
+									<span>Connect</span>
+								) : (
+									<img src="/img/icons/wallets/onegate.svg" alt="onegate logo" />
+								)}
 							</Button>
 							<Heading align="center" size={6} weight="normal" style={{ textDecoration: 'underline', cursor: 'pointer' }} onClick={() => onModal('installWallet')}>I don't have a wallet</Heading>
 						</>