Skip to content

S
safetcut-app
Commit e1f1d4b7 by Tonk
Options

get setting data from redux

parent ae1efc0a
Showing with 23 additions and 12 deletions
screens/Private/SettingScreen/SettingScreen.js
...@@ -2,31 +2,29 @@ import React from 'react'; ...@@ -2,31 +2,29 @@ import React from 'react';
import { View, StyleSheet } from 'react-native'; import { View, StyleSheet } from 'react-native';
import { ListItem, Body, Text, Icon, Right, Switch, List } from 'native-base'; import { ListItem, Body, Text, Icon, Right, Switch, List } from 'native-base';
import { theme, color } from '../../../constants/Styles'; import { theme, color } from '../../../constants/Styles';
import { connect } from 'react-redux';
const data = { class SettingScreen extends React.Component {
breaker: 'Main Breaker',
name: 'Main Breaker',
description: 'Lorem ipsum dolorsit amet,consectetur adipiscing elit. Cras sagitti.',
rcbo: 10,
notification: true,
};
export default class SettingScreen extends React.Component {
static navigationOptions = ({ navigation }) => ({ static navigationOptions = ({ navigation }) => ({
title: 'Setting', title: 'Setting',
}); });
state = {
data: this.props.allDeviceInfo[0],
};
render() { render() {
const { data } = this.state;
return ( return (
<View style={[theme.container]}> <View style={[theme.container]}>
<List style={styles.ListItemContainer}> <List style={styles.ListItemContainer}>
<ListItem itemDivider> <ListItem itemDivider>
<Body> <Body>
<Text style={theme.description}>{data.breaker.toUpperCase()}</Text> <Text style={theme.description}>{data.type.toUpperCase()}</Text>
</Body> </Body>
</ListItem> </ListItem>
<ListItem <ListItem
onPress={() => onPress={() =>
this.props.navigation.navigate('SettingData', { this.props.navigation.navigate('SettingData', {
breaker: data.breaker, breaker: data.type,
field: 'Name', field: 'Name',
data: data.name, data: data.name,
}) })
...@@ -45,7 +43,7 @@ export default class SettingScreen extends React.Component { ...@@ -45,7 +43,7 @@ export default class SettingScreen extends React.Component {
<ListItem <ListItem
onPress={() => onPress={() =>
this.props.navigation.navigate('SettingData', { this.props.navigation.navigate('SettingData', {
breaker: data.breaker, breaker: data.type,
field: 'Description', field: 'Description',
data: data.description, data: data.description,
}) })
...@@ -61,7 +59,15 @@ export default class SettingScreen extends React.Component { ...@@ -61,7 +59,15 @@ export default class SettingScreen extends React.Component {
<Icon name="arrow-forward" /> <Icon name="arrow-forward" />
</Right> </Right>
</ListItem> </ListItem>
<ListItem> <ListItem
onPress={() =>
this.props.navigation.navigate('SettingData', {
breaker: data.type,
field: 'RCBO',
data: data.rcbo,
})
}
>
<Body> <Body>
<Text style={[theme.normalText, theme.textDark]}>RCBO</Text> <Text style={[theme.normalText, theme.textDark]}>RCBO</Text>
<Text note numberOfLines={1} style={theme.description}> <Text note numberOfLines={1} style={theme.description}>
...@@ -92,6 +98,11 @@ export default class SettingScreen extends React.Component { ...@@ -92,6 +98,11 @@ export default class SettingScreen extends React.Component {
); );
} }
} }
const mapStateToProps = state => ({
allDeviceInfo: state.allDataReducer.allDeviceInfo,
});
export default connect(mapStateToProps)(SettingScreen);
const styles = StyleSheet.create({ const styles = StyleSheet.create({
ListItemContainer: { ListItemContainer: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment