Merge pull request #1965 from moxiegirl/wallet-note

Fixes #1964 Adding notice to wallet about Stacks Wallet
stacks-archive · Nov 13, 2019 · c9257da · c9257da
2 parents 758d81e + b318b24
commit c9257da
Show file tree

Hide file tree

Showing 4 changed files with 166 additions and 516 deletions.
diff --git a/app/js/wallet/WalletApp.js b/app/js/wallet/WalletApp.js
@@ -32,23 +32,28 @@ class WalletApp extends Component {
     const activeTabUrl = `/wallet/${childPath}`
 
     return (
-      <div>
-        <Navbar activeTab="wallet" />
-        <SecondaryNavBar
-          leftButtonTitle="Receive"
-          leftButtonLink="/wallet/receive"
-          isLeftActive={(activeTabUrl === '/wallet/receive')}
-          rightButtonTitle="Send"
-          rightButtonLink="/wallet/send"
-          isRightActive={(activeTabUrl === '/wallet/send')}
-          activeClass="active-wallet"
-          customButtonClass="btn-wallet"
-        />
-        <div className="container-fluid col-centered form-container-secondary">
-          <div>
-            {this.props.children}
+      <div className="container-fluid">
+        <div>
+          <Navbar activeTab="wallet" />
+          <div className="container-fluid col-centered form-container-secondary">
+            <strong>NOTE:</strong> You cannot use this wallet to send and receive Stacks (STX) tokens. Also, you cannot use the Bitcoin (BTC) address on this page to fund STX transactions. This wallet and its address <strong>only</strong> support the purchase of Blockstack identities(IDs). <strong>To create or fund STX transactions, use the Stacks Wallet software.</strong> See <a href="https://docs.blockstack.org/org/wallet-install.html" target="_blank">the Stacks Wallet software documentation</a> for more information. 
           </div>
-        </div>
+          <SecondaryNavBar
+            leftButtonTitle="Receive"
+            leftButtonLink="/wallet/receive"
+            isLeftActive={(activeTabUrl === '/wallet/receive')}
+            rightButtonTitle="Send"
+            rightButtonLink="/wallet/send"
+            isRightActive={(activeTabUrl === '/wallet/send')}
+            activeClass="active-wallet"
+            customButtonClass="btn-wallet"
+          />
+          <div className="container-fluid col-centered form-container-secondary">
+            <div>
+              {this.props.children}
+            </div>
+          </div>
+        </div>  
       </div>
     )
   }