debugging fetch on budget screen

This commit is contained in:
Thomas Schleicher 2024-01-02 08:48:50 +01:00 committed by Jakob Stornig
parent 8931386239
commit 85c737e66c
3 changed files with 35 additions and 32 deletions

View file

@ -26,12 +26,15 @@ export default function Page() {
const {data, isLoading, reFetch} = useFetch({sql: "SELECT guid as category_guid, name as category_name, color as category_color FROM category WHERE type = ?", args: selectedPage === "expenses" ? ["expense"] : selectedPage === "savings" ? ["saving"] : []});
useEffect(() => {
console.log("reFetch()");
reFetch();
}, [selectedPage]);
const handlePageSelection = (page: string) => {
setSelectedPage(page);
AsyncStorage.setItem("currentBudgetPage", page);
if(page !== selectedPage) {
setSelectedPage(page);
AsyncStorage.setItem("currentBudgetPage", page);
}
};
return (
@ -40,14 +43,13 @@ export default function Page() {
{isLoading ? (<LoadingSymbol/>) : (
<FlatList
data={data}
renderItem = {({item}) => <CategoryItem category={item.category_name} allocated_account={100} color={item.category_color}/>}
renderItem = {({item}) => <CategoryItem category={item.category_name} allocated_ammount={100} color={item.category_color} category_guid={item.category_guid}/>}
keyExtractor={item => item.category_guid}
ItemSeparatorComponent={() => {
return (<View style={styles.itemSeperatorStyle}/>);
}}
/>
)}
{/* <LoadingSymbol/> */}
</SafeAreaView>
);
}