Started fixing ReactNative app

ReactNativeClient/lib/components/side-menu-content.js

@@ -0,0 +1,78 @@
+import { connect } from 'react-redux'
+import { Button } from 'react-native';
+import { Log } from 'lib/log.js';
+import { Note } from 'lib/models/note.js';
+import { NoteFolderService } from 'lib/services/note-folder-service.js';
+
+const React = require('react');
+const {
+	Dimensions,
+	StyleSheet,
+	ScrollView,
+	View,
+	Image,
+	Text,
+} = require('react-native');
+const { Component } = React;
+
+const window = Dimensions.get('window');
+
+const styles = StyleSheet.create({
+	menu: {
+		flex: 1,
+		backgroundColor: 'white',
+		padding: 20,
+	},
+	name: {
+		position: 'absolute',
+		left: 70,
+		top: 20,
+	},
+	item: {
+		fontSize: 14,
+		fontWeight: '300',
+		paddingTop: 5,
+	},
+	button: {
+		flex: 1,
+		textAlign: 'left',
+	}
+});
+
+class SideMenuContentComponent extends Component {
+
+	folder_press(folder) {
+		this.props.dispatch({
+			type: 'SIDE_MENU_CLOSE',
+		});
+
+		NoteFolderService.openNoteList(folder.id);
+	}
+
+	render() {
+		let buttons = [];
+		for (let i = 0; i < this.props.folders.length; i++) {
+			let f = this.props.folders[i];
+			let title = f.title;
+			buttons.push(
+				<Button style={styles.button} title={title} onPress={() => { this.folder_press(f) }} key={f.id} />
+			);
+		}
+
+		return (
+			<ScrollView scrollsToTop={false} style={styles.menu}>
+				{ buttons }
+			</ScrollView>
+		);
+	}
+};
+
+const SideMenuContent = connect(
+	(state) => {
+		return {
+			folders: state.folders,
+		};
+	}
+)(SideMenuContentComponent)
+
+export { SideMenuContent };