Simplify home screen markup
This commit is contained in:
+25
-31
@@ -5,7 +5,7 @@ import {
|
|||||||
Text
|
Text
|
||||||
} from 'react-native'
|
} from 'react-native'
|
||||||
import { LocalDate } from 'js-joda'
|
import { LocalDate } from 'js-joda'
|
||||||
import styles from '../styles/index'
|
import styles from '../styles'
|
||||||
import cycleDayModule from '../lib/get-cycle-day-number'
|
import cycleDayModule from '../lib/get-cycle-day-number'
|
||||||
import { getOrCreateCycleDay, bleedingDaysSortedByDate, deleteAll } from '../db'
|
import { getOrCreateCycleDay, bleedingDaysSortedByDate, deleteAll } from '../db'
|
||||||
|
|
||||||
@@ -46,37 +46,31 @@ export default class Home extends Component {
|
|||||||
render() {
|
render() {
|
||||||
const navigate = this.props.navigation.navigate
|
const navigate = this.props.navigation.navigate
|
||||||
return (
|
return (
|
||||||
<View style={ styles.homeContainerView }>
|
<View>
|
||||||
<View style={{flex: 2}}>
|
<Text style={styles.welcome}>{this.state.welcomeText}</Text>
|
||||||
<View>
|
<View style={styles.homeButtons}>
|
||||||
<Text style={styles.welcome}>{this.state.welcomeText}</Text>
|
<Button
|
||||||
</View>
|
onPress={() => this.passTodayToDayView()}
|
||||||
|
title="Edit symptoms for today">
|
||||||
|
</Button>
|
||||||
</View>
|
</View>
|
||||||
<View style={ styles.homeButtonsView}>
|
<View style={styles.homeButton}>
|
||||||
<View>
|
<Button
|
||||||
<Button
|
onPress={() => navigate('calendar')}
|
||||||
onPress={() => this.passTodayToDayView()}
|
title="Go to calendar">
|
||||||
title="Edit symptoms for today">
|
</Button>
|
||||||
</Button>
|
</View>
|
||||||
</View>
|
<View style={styles.homeButton}>
|
||||||
<View>
|
<Button
|
||||||
<Button
|
onPress={() => navigate('chart')}
|
||||||
onPress={() => navigate('calendar')}
|
title="Go to chart">
|
||||||
title="Go to calendar">
|
</Button>
|
||||||
</Button>
|
</View>
|
||||||
</View>
|
<View style={styles.homeButton}>
|
||||||
<View>
|
<Button
|
||||||
<Button
|
onPress={() => deleteAll()}
|
||||||
onPress={() => navigate('chart')}
|
title="delete everything">
|
||||||
title="Go to chart">
|
</Button>
|
||||||
</Button>
|
|
||||||
</View>
|
|
||||||
<View>
|
|
||||||
<Button
|
|
||||||
onPress={() => deleteAll()}
|
|
||||||
title="delete everything">
|
|
||||||
</Button>
|
|
||||||
</View>
|
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user