Started moving components to own file

ReactNativeClient/src/components/login-button.js

@@ -0,0 +1,29 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux'
+import { Button } from 'react-native';
+import { _ } from 'src/locale.js';
+
+class LoginButtonComponent extends Component {
+
+	render() {
+		return <Button onPress={this.props.onPress} title={_(this.props.label)} />
+	}
+
+}
+
+const LoginButton = connect(
+	(state) => {
+		return { label: state.myButtonLabel };
+	},
+	(dispatch) => {
+		return {
+			onPress: function() {
+				dispatch({
+					type: 'INC_COUNTER'
+				});
+			}
+		}
+	}
+)(LoginButtonComponent)
+
+export { LoginButton };

ReactNativeClient/src/locale.js

@@ -0,0 +1,7 @@
+// This function does nothing for now, but later will return
+// a different string depending on the language.
+function _(s) {
+	return s;
+}
+
+export { _ };