rawalcher/interaktive-systeme
Archived
1
0
Fork 0
Code Issues 5 Pull requests 2 Projects Releases 14 Packages Wiki Activity Actions

fixed the budget element and implemented onPress

Browse source
This commit is contained in:
thschleicher 2024-01-05 10:52:02 +01:00
parent deda54152b
commit 7606c5d1b8
3 changed files with 50 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/(tabs)/budget/index.tsx
View file

@ -37,6 +37,10 @@ export default function Page() {
}
};
const handleCategoryPress = (item: {[column: string]: any;}) => {
console.log(item.category_name);
}
return (
<SafeAreaView style={[styles.safeAreaViewStyle, {backgroundColor: containerColor}]}>
<BudgetHeader selectedPage={selectedPage} handlePageSelection={handlePageSelection}/>
@ -48,7 +52,15 @@ export default function Page() {
{isLoading ? (<LoadingSymbol/>) : (
<FlatList
data={data}
renderItem = {({item}) => <CategoryItem category={item.category_name} allocated_amount={item.allocated_amount ?? 0} color={item.category_color} category_guid={item.category_guid} total_expenses={item.total_expenses ?? 0}/>}
renderItem = {({item}) => <CategoryItem
category={item.category_name}
allocated_amount={item.allocated_amount ?? 0}
color={item.category_color}
category_guid={item.category_guid}
total_expenses={item.total_expenses ?? 0}
onPress={() => {
handleCategoryPress(item);
}}/>}
keyExtractor={item => item.category_guid}
ItemSeparatorComponent={() => {
return (<View style={styles.itemSeperatorStyle}/>);