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

refactored into budgetHeader component

Browse source
This commit is contained in:
Thomas Schleicher 2023-12-23 17:43:12 +01:00 • committed by Jakob Stornig
parent 7c165fb691
commit 94e9b5738e
3 changed files with 43 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,6 @@
import { SafeAreaView, StyleSheet, Text, View } from 'react-native';
import { SafeAreaView, StyleSheet, View } from 'react-native';
import { FlatList } from 'react-native-gesture-handler';
import { SearchBar } from '../../../components';
import { BudgetHeader } from '../../../components';
import CategoryItem from '../../../components/budget/categoryItem';
import useFetch from '../../../hooks/useFetch';
import { useThemeColor } from '../../../hooks/useThemeColor';
@ -14,11 +14,9 @@ export default function Page() {
return (
<SafeAreaView style={[styles.safeAreaViewStyle, {backgroundColor: containerColor}]}>
<View>
<Text style={[{color: textColor}]}>Expense View</Text>
<SearchBar placeholder='Search...'></SearchBar>
</View>
<BudgetHeader/>
<FlatList
data={data}
renderItem = {({item}) => <CategoryItem category={item.category_name} allocated_account={100} color={item.category_color}/>}
@ -37,5 +35,5 @@ const styles = StyleSheet.create({
},
itemSeperatorStyle: {
marginVertical: 5,
}
},
});