Wire up Select Autopilot mobile view.

Author: valentinewallace

src/action/nav-mobile.js

@@ -97,6 +97,10 @@ class NavAction {
     this._navigate('NewAddress');
   }
 
+  goSelectAutopilot() {
+    this._navigate('SelectAutopilot');
+  }
+
   goLoaderSyncing() {
     this._navigate('LoaderSyncing');
     this._reset('Main', 'LoaderSyncing');

src/view/main-mobile.js

@@ -18,6 +18,7 @@ import SetPinConfirmView from './set-pin-confirm-mobile';
 import SeedSuccessView from './seed-success-mobile';
 import RestoreSeedView from './restore-seed-mobile';
 import NewAddressView from './new-address-mobile';
+import SelectAutopilotView from './select-atpl-mobile';
 
 import PinView from './pin-mobile';
 import ResetPinCurrentView from './reset-pin-current-mobile';
@@ -93,7 +94,11 @@ const SeedSuccess = () => <SeedSuccessView wallet={wallet} />;
 const RestoreSeed = () => <RestoreSeedView store={store} wallet={wallet} />;
 
 const NewAddress = () => (
-  <NewAddressView store={store} invoice={invoice} info={info} />
+  <NewAddressView store={store} invoice={invoice} nav={nav} />
+);
+
+const SelectAutopilot = () => (
+  <SelectAutopilotView store={store} autopilot={autopilot} info={info} />
 );
 
 const Password = () => <PinView store={store} auth={auth} />;
@@ -212,6 +217,7 @@ const MainStack = createStackNavigator(
     SeedSuccess,
     RestoreSeed,
     NewAddress,
+    SelectAutopilot,
     Password,
     LoaderSyncing,
     Home,

src/view/new-address-mobile.js

@@ -59,7 +59,7 @@ const styles = createStyles(
   })
 );
 
-const NewAddressView = ({ store, invoice, info }) => (
+const NewAddressView = ({ store, invoice, nav }) => (
   <SplitBackground image="purple-gradient-bg" bottom={color.blackDark}>
     <MainContent style={styles.content}>
       <View style={styles.copyWrapper}>
@@ -80,7 +80,7 @@ const NewAddressView = ({ store, invoice, info }) => (
         >
           {store.walletAddress}
         </CopyButton>
-        <SmallGlasButton onPress={() => info.initLoaderSyncing()}>
+        <SmallGlasButton onPress={() => nav.goSelectAutopilot()}>
           Done
         </SmallGlasButton>
       </View>
@@ -96,7 +96,7 @@ const NewAddressView = ({ store, invoice, info }) => (
 NewAddressView.propTypes = {
   store: PropTypes.object.isRequired,
   invoice: PropTypes.object.isRequired,
-  info: PropTypes.object.isRequired,
+  nav: PropTypes.object.isRequired,
 };
 
 export default observer(NewAddressView);

stories/screen-story.js

@@ -85,6 +85,7 @@ import ResetPinConfirm from '../src/view/reset-pin-confirm-mobile';
 import ResetPinSaved from '../src/view/reset-pin-saved-mobile';
 import NewAddress from '../src/view/new-address';
 import NewAddressMobile from '../src/view/new-address-mobile';
+import SelectAutopilotMobile from '../src/view/select-atpl-mobile';
 import Wait from '../src/view/wait';
 import WaitMobile from '../src/view/wait-mobile';
 import RestoreSeed from '../src/view/restore-seed';
@@ -190,7 +191,10 @@ storiesOf('Screens', module)
     <NewAddress store={store} invoice={invoice} info={info} />
   ))
   .add('New Address (Mobile)', () => (
-    <NewAddressMobile store={store} invoice={invoice} info={info} />
+    <NewAddressMobile store={store} invoice={invoice} nav={navMobile} />
+  ))
+  .add('Select Autopilot (Mobile)', () => (
+    <SelectAutopilotMobile store={store} autopilot={autopilot} info={info} />
   ))
   .add('Loader - Syncing Chain', () => <LoaderSyncing store={store} />)
   .add('Loader - Syncing Chain (Mobile)', () => (