added toast button to disabled save button
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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'
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user