Simplify home screen markup

This commit is contained in:
Julia Friesel
2018-07-15 22:35:33 +02:00
parent 0c92c85baf
commit 9eb1ad6af1
+25 -31
View File
@@ -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>
)