delete depenses

components/depense_edit/depense_form.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleSheet, Text, View, TextInput, Button, Pressable } from 'react-native';
+import { StyleSheet, Text, View, TextInput, Alert, Pressable } from 'react-native';
 import { sqlite_exec_parameterised } from '../../db/query';
 import DateTimePicker from '@react-native-community/datetimepicker';
 
@@ -97,6 +97,34 @@ export default function DepenseForm(props){
                         }}>
                         <Text>{update_depense ? "Update" : "Add"}</Text>
                     </Pressable>
+                    {
+                        update_depense ? 
+                        <Pressable
+                            style={ [depense_form_styles.button_add, depense_form_styles.button_delete]}
+                            onPress={ () => {
+                                console.log("delete");
+                                Alert.alert(
+                                    "Delete ?",
+                                    "Ciao bye bye ?",
+                                    [
+                                        {text: "Oopsie", style: "cancel"},
+                                        {text: "Oui oui", style: "destructive", onPress: () => {
+                                            sqlite_exec_parameterised(
+                                                "DELETE FROM expense WHERE id = ?",
+                                                [props.depense.id],(res) =>
+                                                {
+                                                    props.fetchDepenses();
+                                                }
+                                            )
+                                        }}
+                                    ])
+                            }}
+                            >
+                                <Text>💣</Text>
+                        </Pressable> :
+                        <View/>
+                    }
+                    
             </View>
     );
 }
@@ -125,5 +153,11 @@ const depense_form_styles = StyleSheet.create({
     button_add: {
         borderWidth: 1,
         padding: 10,
+        margin: 1,
     },
+    button_delete: {
+        position: 'absolute',
+        right: 1,
+        borderColor: "#CC5555",
+    }
 })

components/depense_list_entry.js

@@ -11,7 +11,6 @@ export default function DepenseListEntry(props){
             <Pressable 
             onPress={() => {
                 toggleEdit(!editing);
-                console.log(props.depense);
             }}
             style={depense_list_entry_style.pressable_depense_list_entry}>
                     <Text >{props.depense.description}</Text>

components/depenses_list.js

@@ -34,7 +34,6 @@ function DepensesList(props)
     }
         depenses
             .forEach( function(depense){
-            // console.log(depense.date)
             content.push(
                 <DepenseListEntry fetchDepenses={() => preventFetchDepenses(false)} key={"depense_list_depense"+depense.id} depense={depense}/>
             )

db/query.js

@@ -14,7 +14,7 @@ export function sqlite_exec_parameterised(inQuery, inParams, inCallback){
         tx.executeSql(inQuery, inParams,
         (txobj, res) => inCallback(res),
         (txobj, err) => {
-            console.log("query.js error |");console.log(err);
+            console.error("query.js error |");console.log(err);
         })
     })
 }