fix: Show domain banner on staging/testnet

near · Mar 23, 2022 · b26cb5b · b26cb5b
1 parent 2291967
commit b26cb5b
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 4 deletions.
diff --git a/packages/frontend/src/components/accounts/RecoverAccount.js b/packages/frontend/src/components/accounts/RecoverAccount.js
@@ -109,8 +109,8 @@ const RecoverAccount = ({
     isMobile
 }) => {
     return (
-        <>
-            {IS_MAINNET && <VerifyWalletDomainBanner />}
+        <>  
+            <VerifyWalletDomainBanner />
             <StyledContainer>
                 <h1><Translate id='recoverAccount.pageTitle' /></h1>
                 <h2><Translate id='recoverAccount.pageText' /></h2>

diff --git a/packages/frontend/src/components/common/VerifyWalletDomainBanner.js b/packages/frontend/src/components/common/VerifyWalletDomainBanner.js
@@ -2,6 +2,7 @@ import React from 'react';
 import { Translate } from 'react-localize-redux';
 import styled from 'styled-components';
 
+import { IS_MAINNET, SHOW_PRERELEASE_WARNING } from '../../config';
 import LockIcon from '../svg/LockIcon';
 
 const StyledContainer = styled.div`
@@ -47,16 +48,37 @@ const StyledContainer = styled.div`
     }
 `;
 
+const getWalletURL = () => {
+    let networkName = '';
+
+    if (SHOW_PRERELEASE_WARNING) {
+        networkName = 'staging.';
+    }
+    if (!IS_MAINNET) {
+        networkName = 'testnet.';
+    }
+
+    return (
+        <>
+            <span>https://</span><span>wallet.{networkName}near.org</span>
+        </>
+    );
+};
+
 export default () => {
     return (
         <StyledContainer>
             <div className='desktop'>
-                <LockIcon color='#00C08B' /><Translate id='verifyWalletDomainBanner.title' />&nbsp;<span>https://</span><span>wallet.near.org</span>
+                <LockIcon color='#00C08B' />
+                <Translate id='verifyWalletDomainBanner.title' />
+                &nbsp;
+                {getWalletURL()}
             </div>
             <div className='mobile'>
                 <Translate id='verifyWalletDomainBanner.title' />
                 <div>
-                    <LockIcon color='#00C08B' /><span>https://</span><span>wallet.near.org</span>
+                    <LockIcon color='#00C08B' />
+                    {getWalletURL()}
                 </div>
             </div>
         </StyledContainer>