Merge pull request #3115 from near/transfer-wizard-doc-cta

Add Call To Action Button on Transfer Wizard Doc
near · Jan 10, 2024 · 803f797 · 803f797
2 parents fe385c8 + 0485590
commit 803f797
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/packages/frontend/src/components/Routing.js b/packages/frontend/src/components/Routing.js
@@ -520,7 +520,12 @@ class Routing extends Component {
                             <Route
                                 exact
                                 path="/transfer-wizard"
-                                component={TransferWizardWrapper}
+                                render={() => (
+                                    <TransferWizardWrapper
+                                        account={account}
+                                        onTransfer={() => this.handleTransferClick()}
+                                    />
+                                )}
                             />
                             <Route
                                 exact

diff --git a/packages/frontend/src/routes/TransferWizardWrapper.js b/packages/frontend/src/routes/TransferWizardWrapper.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 
+import FormButton from '../components/common/FormButton';
 import Container from '../components/common/styled/Container.css'; 
 import logOutImg from '../images/wallet-migration/screenshots/log-out.png';
 import transferAccountsImg from '../images/wallet-migration/screenshots/transfer-your-accounts.png';
@@ -28,8 +29,12 @@ const ScreenshotImg = styled.img`
     width: 300px;
 `;
 
+const CallToAction = styled(FormButton)`
+    width: 100%;
+`;
+
 
-export const TransferWizardWrapper = () => {
+export const TransferWizardWrapper = ({ onTransfer, account }) => {
     return (
         <Container>
             <h1 >Migrating from Near Wallet</h1>
@@ -171,6 +176,11 @@ export const TransferWizardWrapper = () => {
                     </ImageTd>
                 </tr>
             </Table>
+            {
+                account?.localStorage?.accountFound && (
+                    <CallToAction onClick={onTransfer}>Transfer Accounts</CallToAction>
+                )
+            }
         </ Container>
     );
 };