From acac70dcace643b7f1db19da9a53daf457733eb6 Mon Sep 17 00:00:00 2001
From: Danny Cho <hj.danny.cho@gmail.com>
Date: Tue, 9 Jan 2024 17:00:32 +1300
Subject: [PATCH 1/3] feat: call to action button transfer wizard doc

---
 packages/frontend/src/components/Routing.js          |  8 +++++++-
 .../frontend/src/routes/TransferWizardWrapper.js     | 12 +++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/Routing.js b/packages/frontend/src/components/Routing.js
index 67151d0de1..13c0f153db 100644
--- a/packages/frontend/src/components/Routing.js
+++ b/packages/frontend/src/components/Routing.js
@@ -520,7 +520,13 @@ class Routing extends Component {
                             <Route
                                 exact
                                 path="/transfer-wizard"
-                                component={TransferWizardWrapper}
+                                render={() => (
+                                    <TransferWizardWrapper
+                                        account={account}
+                                        onTransfer={this.handleTransferClick} 
+                                    />
+                                )}
+                                props
                             />
                             <Route
                                 exact
diff --git a/packages/frontend/src/routes/TransferWizardWrapper.js b/packages/frontend/src/routes/TransferWizardWrapper.js
index d41d0a3938..11b4c39b99 100644
--- 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>
     );
 };

From 54837ae0a8c91c272ff175746c53309c907fe0bc Mon Sep 17 00:00:00 2001
From: Danny Cho <hj.danny.cho@gmail.com>
Date: Tue, 9 Jan 2024 17:01:59 +1300
Subject: [PATCH 2/3] chore: remove unused props

---
 packages/frontend/src/components/Routing.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/frontend/src/components/Routing.js b/packages/frontend/src/components/Routing.js
index 13c0f153db..54b9b7574d 100644
--- a/packages/frontend/src/components/Routing.js
+++ b/packages/frontend/src/components/Routing.js
@@ -526,7 +526,6 @@ class Routing extends Component {
                                         onTransfer={this.handleTransferClick} 
                                     />
                                 )}
-                                props
                             />
                             <Route
                                 exact

From 04855906d553649aa814a04509b5cd97042b0edb Mon Sep 17 00:00:00 2001
From: Danny Cho <hj.danny.cho@gmail.com>
Date: Thu, 11 Jan 2024 09:34:36 +1300
Subject: [PATCH 3/3] chore: replacing to arrow function to avoid binding issue

---
 packages/frontend/src/components/Routing.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/Routing.js b/packages/frontend/src/components/Routing.js
index 54b9b7574d..5f6e44c7f4 100644
--- a/packages/frontend/src/components/Routing.js
+++ b/packages/frontend/src/components/Routing.js
@@ -523,7 +523,7 @@ class Routing extends Component {
                                 render={() => (
                                     <TransferWizardWrapper
                                         account={account}
-                                        onTransfer={this.handleTransferClick} 
+                                        onTransfer={() => this.handleTransferClick()}
                                     />
                                 )}
                             />