export function IconButton({name, style, onPress}) { const {colors} = useTheme(); return ( <TouchableOpacity style={[styles.container, style]} onPress={onPress}> <Icon name={name} color={colors.primary} /> </TouchableOpacity> ); }
const List = ({ item, index }) => ( <View style={{ flexDirection: 'row', flex: 1 }}> <Text style={[styles.item, { flex: 2.5, borderRightWidth: 0.5 }]}>{item.date}</Text> <Text style={[styles.item, { flex: 2, borderRightWidth: 0.5 }]}>{item.income}</Text> <Text style={[styles.item, { flex: 2, borderRightWidth: 0.5 }]} > {item.expense} </Text> <Text style={[styles.item, { flex: 2, borderRightWidth: 0.5, backgroundColor: item.diff === 0 ? '#fff' : item.diff > 0 ? '#aaffc0' : '#d78993', }]} > {item.diff} </Text> <TouchableOpacity style={[styles.item, { flex: 1.5, alignItems: 'center' }]} onPress={() => openDetailScreen(index)} > <Icon name="arrow-dropright-circle" style={{ fontSize: 18 }} /> </TouchableOpacity> </View> )
onPress={() => deleteIncomeExpense(data.id)} <Icon name="trash" style={{ fontSize: 18 }} /> </TouchableOpacity> </View>