From 61ea8f2963bbdd30b1f5cfee8881c4afa362fdd5 Mon Sep 17 00:00:00 2001
From: Laurent Cozic <laurent@cozic.net>
Date: Tue, 9 May 2017 19:17:58 +0000
Subject: [PATCH] Started moving components to own file

---
 ReactNativeClient/android/gradlew             |  0
 ReactNativeClient/index.android.js            | 37 +++----------------
 ReactNativeClient/package.json                |  2 +-
 .../src/components/login-button.js            | 29 +++++++++++++++
 ReactNativeClient/src/locale.js               |  7 ++++
 .../src/{model => models}/session.js          |  0
 .../{service => services}/session-service.js  |  0
 7 files changed, 42 insertions(+), 33 deletions(-)
 mode change 100644 => 100755 ReactNativeClient/android/gradlew
 create mode 100644 ReactNativeClient/src/components/login-button.js
 create mode 100644 ReactNativeClient/src/locale.js
 rename ReactNativeClient/src/{model => models}/session.js (100%)
 rename ReactNativeClient/src/{service => services}/session-service.js (100%)

diff --git a/ReactNativeClient/android/gradlew b/ReactNativeClient/android/gradlew
old mode 100644
new mode 100755
diff --git a/ReactNativeClient/index.android.js b/ReactNativeClient/index.android.js
index dd82bba19..45eefe304 100644
--- a/ReactNativeClient/index.android.js
+++ b/ReactNativeClient/index.android.js
@@ -9,10 +9,12 @@ import { WebApi } from 'src/web-api.js'
 import { Database } from 'src/database.js'
 //import { Session } from 'src/model/session.js';
 
-import { SessionService } from 'src/service/session-service.js';
+import { SessionService } from 'src/services/session-service.js';
 
 import { Log } from 'src/log.js'
 
+import { LoginButton } from 'src/components/login-button.js';
+
 
 let debugMode = true;
 let clientId = 'A7D301DA7D301DA7D301DA7D301DA7D3';
@@ -24,7 +26,7 @@ db.open();
 
 
 let defaultState = {
-	'myButtonLabel': 'clicko123456',
+	'myButtonLabel': 'click',
 	'counter': 0,
 }
 
@@ -54,16 +56,6 @@ function reducer(state, action) {
 	return state;
 }
 
-class MyButton extends Component {
-
-	render() {
-		var label = this.props.label;
-		if (label === undefined) label = '';
-		return <Button onPress={this.props.onPress} title={label} />
-	}
-
-}
-
 class MyInput extends Component {
 
 	render() {
@@ -72,25 +64,6 @@ class MyInput extends Component {
 
 }
 
-const mapStateToButtonProps = function(state) {
-	return { label: state.myButtonLabel };
-}
-
-const mapDispatchToButtonProps = function(dispatch) {
-	return {
-		onPress: function() {
-			dispatch({
-				type: 'INC_COUNTER'
-			});
-		}
-	}
-}
-
-const MyConnectedButton = connect(
-	mapStateToButtonProps,
-	mapDispatchToButtonProps
-)(MyButton)
-
 const mapStateToInputProps = function(state) {
 	return {}
 }
@@ -117,8 +90,8 @@ class App extends Component {
 		return (
 			<Provider store={store}>
 				<View>
-					<MyConnectedButton />
 					<MyConnectionInput />
+					<LoginButton />
 				</View>
 			</Provider>
 		)
diff --git a/ReactNativeClient/package.json b/ReactNativeClient/package.json
index 1db83dc6a..c4789ef17 100644
--- a/ReactNativeClient/package.json
+++ b/ReactNativeClient/package.json
@@ -18,7 +18,7 @@
 		"redux": "3.6.0",
 		"react-redux": "4.4.8",
 		"query-string": "4.3.4",
-		"react-native-sqlite-storage": "3.3.*"
+		"react-native-sqlite-storage": "3.3.*",
 	},
 	"jest": {
 		"preset": "react-native"
diff --git a/ReactNativeClient/src/components/login-button.js b/ReactNativeClient/src/components/login-button.js
new file mode 100644
index 000000000..d0d612a0e
--- /dev/null
+++ b/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 };
\ No newline at end of file
diff --git a/ReactNativeClient/src/locale.js b/ReactNativeClient/src/locale.js
new file mode 100644
index 000000000..33d3d4e24
--- /dev/null
+++ b/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 { _ };
\ No newline at end of file
diff --git a/ReactNativeClient/src/model/session.js b/ReactNativeClient/src/models/session.js
similarity index 100%
rename from ReactNativeClient/src/model/session.js
rename to ReactNativeClient/src/models/session.js
diff --git a/ReactNativeClient/src/service/session-service.js b/ReactNativeClient/src/services/session-service.js
similarity index 100%
rename from ReactNativeClient/src/service/session-service.js
rename to ReactNativeClient/src/services/session-service.js