added toast button to disabled save button

This commit is contained in:
Maike Orlikowski
2018-12-09 17:47:20 +01:00
parent 7d10fbffec
commit f222893484
2 changed files with 19 additions and 8 deletions
@@ -1,12 +1,13 @@
import React, { Component } from 'react' import React, { Component } from 'react'
import { import {
View, TouchableOpacity, Text, Alert View, TouchableOpacity, Text, Alert, ToastAndroid
} from 'react-native' } from 'react-native'
import Icon from 'react-native-vector-icons/MaterialCommunityIcons' import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
import { saveSymptom } from '../../../db' import { saveSymptom } from '../../../db'
import styles, {iconStyles} from '../../../styles' import styles, {iconStyles} from '../../../styles'
import {sharedDialogs as labels} from '../../../i18n/en/cycle-day' import {sharedDialogs as labels} from '../../../i18n/en/cycle-day'
export default class ActionButtonFooter extends Component { export default class ActionButtonFooter extends Component {
render() { render() {
const { const {
@@ -43,19 +44,28 @@ export default class ActionButtonFooter extends Component {
}, { }, {
title: labels.save, title: labels.save,
action: () => { action: () => {
saveAction() if(saveDisabled) {
if (autoShowDayView) navigateToOverView() //toast
ToastAndroid.show(labels.disabledInfo, ToastAndroid.LONG);
console.log()
} else {
saveAction()
if (autoShowDayView) navigateToOverView()
}
}, },
disabledCondition: saveDisabled, disabledCondition: saveDisabled,
icon: 'content-save-outline' icon: 'content-save-outline'
} }
] ]
console.log("Hello beautiful people")
return ( return (
<View style={styles.menu}> <View style={styles.menu}>
{buttons.map(({ title, action, disabledCondition, icon }, i) => { {buttons.map(({ title, action, disabledCondition, icon }, i) => {
const textStyle = [styles.menuText] const textStyle = [styles.menuText]
if (disabledCondition) textStyle.push(styles.menuTextInActive) if (disabledCondition) {
textStyle.push(styles.menuTextInActive);
}
const iconStyle = disabledCondition ? const iconStyle = disabledCondition ?
Object.assign( Object.assign(
{}, {},
@@ -68,7 +78,6 @@ export default class ActionButtonFooter extends Component {
<TouchableOpacity <TouchableOpacity
onPress={action} onPress={action}
style={styles.menuItem} style={styles.menuItem}
disabled={disabledCondition}
key={i.toString()} key={i.toString()}
> >
<Icon name={icon} {...iconStyle} /> <Icon name={icon} {...iconStyle} />
@@ -76,6 +85,7 @@ export default class ActionButtonFooter extends Component {
{title.toLowerCase()} {title.toLowerCase()}
</Text> </Text>
</TouchableOpacity> </TouchableOpacity>
) )
})} })}
</View> </View>
+2 -1
View File
@@ -92,5 +92,6 @@ export const sharedDialogs = {
areYouSureToUnset: 'Are you sure you want to unset all entered data?', areYouSureToUnset: 'Are you sure you want to unset all entered data?',
reallyUnsetData: 'Yes, I am sure', reallyUnsetData: 'Yes, I am sure',
save: 'Save', save: 'Save',
unset: 'Unset' unset: 'Unset',
disabledInfo: 'There is some data missing'
} }