From 9eb1ad6af1227efe7dd43e54572c06be684e0f07 Mon Sep 17 00:00:00 2001 From: Julia Friesel <julia.friesel@gmail.com> Date: Sun, 15 Jul 2018 22:35:33 +0200 Subject: [PATCH] Simplify home screen markup --- components/home.js | 56 +++++++++++++++++++++------------------------- 1 file changed, 25 insertions(+), 31 deletions(-) diff --git a/components/home.js b/components/home.js index 60327e39..1204f8ec 100644 --- a/components/home.js +++ b/components/home.js @@ -5,7 +5,7 @@ import { Text } from 'react-native' import { LocalDate } from 'js-joda' -import styles from '../styles/index' +import styles from '../styles' import cycleDayModule from '../lib/get-cycle-day-number' import { getOrCreateCycleDay, bleedingDaysSortedByDate, deleteAll } from '../db' @@ -46,37 +46,31 @@ export default class Home extends Component { render() { const navigate = this.props.navigation.navigate return ( - <View style={ styles.homeContainerView }> - <View style={{flex: 2}}> - <View> - <Text style={styles.welcome}>{this.state.welcomeText}</Text> - </View> + <View> + <Text style={styles.welcome}>{this.state.welcomeText}</Text> + <View style={styles.homeButtons}> + <Button + onPress={() => this.passTodayToDayView()} + title="Edit symptoms for today"> + </Button> </View> - <View style={ styles.homeButtonsView}> - <View> - <Button - onPress={() => this.passTodayToDayView()} - title="Edit symptoms for today"> - </Button> - </View> - <View> - <Button - onPress={() => navigate('calendar')} - title="Go to calendar"> - </Button> - </View> - <View> - <Button - onPress={() => navigate('chart')} - title="Go to chart"> - </Button> - </View> - <View> - <Button - onPress={() => deleteAll()} - title="delete everything"> - </Button> - </View> + <View style={styles.homeButton}> + <Button + onPress={() => navigate('calendar')} + title="Go to calendar"> + </Button> + </View> + <View style={styles.homeButton}> + <Button + onPress={() => navigate('chart')} + title="Go to chart"> + </Button> + </View> + <View style={styles.homeButton}> + <Button + onPress={() => deleteAll()} + title="delete everything"> + </Button> </View> </View> ) -- GitLab