reduces footer actions to save, leaving no possibility to delete data once it was saved

components/cycle-day/symptoms/action-button-footer.js

@@ -3,13 +3,11 @@ import {
   View, TouchableOpacity, Text
 } from 'react-native'
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
-import { saveSymptom } from '../../../db'
 import styles, {iconStyles} from '../../../styles'
 
 export default class ActionButtonFooter extends Component {
   render() {
     const {
-      symptom,
       cycleDay,
       saveAction,
       saveDisabled,
@@ -17,21 +15,7 @@ export default class ActionButtonFooter extends Component {
       autoShowDayView = true}
       = this.props
     const navigateToOverView = () => navigate('CycleDay', {cycleDay})
-    const buttons = [
+    const saveButton = {
-      {
-        title: 'Cancel',
-        action: () => navigateToOverView(),
-        icon: 'cancel'
-      },
-      {
-        title: 'Delete',
-        action: () => {
-          saveSymptom(symptom, cycleDay)
-          navigateToOverView()
-        },
-        disabledCondition: !cycleDay[symptom],
-        icon: 'delete-outline'
-      }, {
       title: 'Save',
       action: () => {
         saveAction()
@@ -40,30 +24,24 @@ export default class ActionButtonFooter extends Component {
       disabledCondition: saveDisabled,
       icon: 'content-save-outline'
     }
-    ]
+    const textStyle = saveButton.disabledCondition ? styles.menuTextInActive : styles.menuText
-
+    const iconStyle = saveButton.disabledCondition ?
-    return (
-      <View style={styles.menu}>
-        {buttons.map(({ title, action, disabledCondition, icon }, i) => {
-          const textStyle = disabledCondition ? styles.menuTextInActive : styles.menuText
-          const iconStyle = disabledCondition ?
       Object.assign({}, iconStyles.menuIcon, iconStyles.menuIconInactive) :
       iconStyles.menuIcon
 
     return (
+      <View style={styles.menu}>
         <TouchableOpacity
-              onPress={action}
+          onPress={saveButton.action}
           style={styles.menuItem}
-              disabled={disabledCondition}
+          disabled={saveButton.disabledCondition}
-              key={i.toString()}
+          key={'save'}
         >
-              <Icon name={icon} {...iconStyle} />
+          <Icon name={saveButton.icon} {...iconStyle} />
           <Text style={textStyle}>
-                {title}
+            {saveButton.title}
           </Text>
         </TouchableOpacity>
-          )
-        })}
       </View>
     )
   }

components/cycle-day/symptoms/bleeding.js

@@ -56,7 +56,6 @@ export default class Bleeding extends Component {
           </SymptomSection>
         </ScrollView>
         <ActionButtonFooter
-          symptom='bleeding'
           cycleDay={this.props.cycleDay}
           saveAction={() => {
             saveSymptom('bleeding', this.props.cycleDay, {