Merge pull request #302 from dbo1dyrev/add-exit-button

Bring back the ability to return to the landing screen from registration flow

Author: thehobbit85

packages/edge-login-ui-rn/src/components/screens/newAccount/NewAccountWelcomeScreen.js

@@ -1,7 +1,7 @@
 // @flow
 
 import * as React from 'react'
-import { Image, View } from 'react-native'
+import { Image, TouchableOpacity, View } from 'react-native'
 import { cacheStyles } from 'react-native-patina'
 import { sprintf } from 'sprintf-js'
 
@@ -28,20 +28,25 @@ type OwnProps = {
   branding: Branding
 }
 type DispatchProps = {
+  onExit(): void,
   onDone(): void
 }
 type Props = OwnProps & DispatchProps & ThemeProps
 
 const NewAccountWelcomeScreenComponent = ({
   theme,
   branding,
+  onExit,
   onDone
 }: Props) => {
   const styles = getStyles(theme)
   const appName = branding.appName || s.strings.app_name_default
 
   return (
     <ThemedScene>
+      <TouchableOpacity style={styles.exitButton} onPress={onExit}>
+        <EdgeText style={styles.exitText}>{s.strings.exit}</EdgeText>
+      </TouchableOpacity>
       <SimpleSceneHeader>{s.strings.get_started}</SimpleSceneHeader>
       <View style={styles.content}>
         <Image source={LOGO_BIG} style={styles.logo} resizeMode="contain" />
@@ -102,6 +107,14 @@ const getStyles = cacheStyles((theme: Theme) => ({
     marginTop: theme.rem(0.75),
     marginBottom: theme.rem(1)
   },
+  exitButton: {
+    marginLeft: theme.rem(0.5),
+    marginBottom: theme.rem(1)
+  },
+  exitText: {
+    color: theme.primaryButton,
+    fontSize: theme.rem(0.75)
+  },
   welcome: {
     fontFamily: theme.fontFaceBold,
     color: theme.secondaryText,
@@ -142,6 +155,9 @@ const getStyles = cacheStyles((theme: Theme) => ({
 export const NewAccountWelcomeScreen = connect<{}, DispatchProps, OwnProps>(
   (state: RootState) => ({}),
   (dispatch: Dispatch) => ({
+    onExit() {
+      dispatch({ type: 'START_LANDING' })
+    },
     onDone() {
       logEvent(`Signup_Welcome_Next`)
       dispatch({ type: 'WORKFLOW_NEXT' })

packages/edge-login-ui-rn/src/components/themed/SimpleSceneHeader.js

@@ -32,7 +32,7 @@ const SimpleSceneHeaderComponent = ({
 
 const getStyles = cacheStyles((theme: Theme) => ({
   container: {
-    marginLeft: theme.rem(1)
+    marginLeft: theme.rem(0.5)
   },
   text: {
     fontSize: theme.rem(1.25),