Explorar el Código

jsais pu

master
DemiSel hace 3 años
padre
commit
7e03a707ac
Se han modificado 3 ficheros con 11 adiciones y 9 borrados
  1. 9
    5
      components/depense_list_entry.js
  2. 2
    2
      components/depenses_list.js
  3. 0
    2
      components/list/day_list.js

+ 9
- 5
components/depense_list_entry.js Ver fichero

@@ -13,9 +13,9 @@ export default function DepenseListEntry(props){
13 13
                 toggleEdit(!editing);
14 14
             }}
15 15
             style={depense_list_entry_style.pressable_depense_list_entry}>
16
-                    <Text >{props.depense.description}</Text>
17
-                    <Text >{new Date(props.depense.date).toDateString()}</Text>
18
-                    <Text >{props.depense.value}</Text>
16
+                    <Text style={depense_list_entry_style.depense_info}>{props.depense.description}</Text>
17
+                    {/* <Text >{new Date(props.depense.date).toDateString()}</Text> */}
18
+                    <Text style={depense_list_entry_style.depense_info}>{props.depense.value}</Text>
19 19
             </Pressable>
20 20
             {editing ? 
21 21
                 <DepenseForm fetchDepenses={props.fetchDepenses} onUpdateDepense={(res) => {toggleEdit(res)}} depense={props.depense}/> : 
@@ -33,8 +33,12 @@ const depense_list_entry_style = StyleSheet.create({
33 33
     pressable_depense_list_entry: {
34 34
         display: "flex",
35 35
         flexDirection: "row",
36
-        justifyContent: "space-between",
36
+        justifyContent: "space-evenly",
37 37
         margin: 2,
38
-
38
+    },
39
+    depense_info: {
40
+        paddingLeft: 50,
41
+        paddingRight: 50,
42
+        width: 200,
39 43
     }
40 44
   });

+ 2
- 2
components/depenses_list.js Ver fichero

@@ -51,11 +51,11 @@ function DepensesList(props)
51 51
 
52 52
 
53 53
     return(
54
-    <SafeAreaView>
54
+    <View>
55 55
         <ScrollView>
56 56
             {content}
57 57
         </ScrollView>
58
-    </SafeAreaView >
58
+    </View>
59 59
     )
60 60
 }
61 61
 

+ 0
- 2
components/list/day_list.js Ver fichero

@@ -22,7 +22,6 @@ export default function DayList(props)
22 22
     let result = props.dailyObjective - total 
23 23
     let text_color = "#000000";
24 24
     let bg_color = "#FFFFFF";
25
-    console.log(" "+props.dailyObjective +" - "+total +" = " + result)
26 25
     if( result > 0)
27 26
         text_color = "#00"+parseInt(100 + (result / props.dailyObjective) * 100).toString(16) + "00"
28 27
     else
@@ -30,7 +29,6 @@ export default function DayList(props)
30 29
             parseInt(255 + (result / props.dailyObjective) * 100).toString(16) + 
31 30
             parseInt(255 + (result / props.dailyObjective) * 100).toString(16)
32 31
 
33
-    console.log(text_color)
34 32
     return (
35 33
         <View style={[day_list_styles.day_list_container, {backgroundColor: bg_color}]}>
36 34
             <Pressable 

Loading…
Cancelar
Guardar