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

finishing up

Browse source
This commit is contained in:
Walcher 2024-01-05 14:52:20 +01:00
parent 8b68a7b7b0
commit c0a70a0ed5
2 changed files with 5 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

24
app/(tabs)/stats/index.tsx
View file

@ -18,25 +18,7 @@ export default function Page() {
const spent = 120.75;
const budget = 696.96;
const BudgetData = [
{ name: 'Utilities', color: '#20B2AA', maxValue: 80, currentValue: 46 },
{ name: 'Food', color: '#FF6347', maxValue: 88, currentValue: 31 },
];
const SavingsData = [
{ name: 'Education', color: '#FF6347', maxValue: 135, currentValue: 0 },
{ name: 'Rent', color: '#DA70D6', maxValue: 140, currentValue: 96 },
{ name: 'Food', color: '#F08080', maxValue: 84, currentValue: 78 },
{ name: 'Healthcare', color: '#20B2AA', maxValue: 134, currentValue: 48 },
{ name: 'Healthcare', color: '#32CD32', maxValue: 119, currentValue: 69 },
{ name: 'Clothing', color: '#32CD32', maxValue: 115, currentValue: 99 },
];
const categoryData = [
{ category: 'Food', value: 50 },
{ category: 'Rent', value: 300 },
{ category: 'Utilities', value: 100 },
];
const styles = StyleSheet.create({
container: {
@ -51,6 +33,9 @@ export default function Page() {
<View style={styles.container}>
<ScrollView>
<DebugMenu />
<Widget title='"Financial" Tips' backgroundColor='orange'>
<FinancialAdvice/>
</Widget>
<Widget title="Budget Overview" />
<Widget>
<BudgetRemaining/>
@ -59,9 +44,6 @@ export default function Page() {
<Widget>
<BudgetOverview/>
</Widget>
<Widget>
<FinancialAdvice/>
</Widget>
<Widget>
<SavingsOverview/>
</Widget>

1
components/stats/Widget.tsx
View file

@ -13,6 +13,7 @@ interface WidgetProps {
const Widget: React.FC<WidgetProps> = ({ title, text, children, image, backgroundColor }) => {
const { colors } = useTheme();
const actualBackgroundColor = backgroundColor ? backgroundColor : colors.widgetBackgroundColor;
const styles = StyleSheet.create({