From de8fd6c4b5c42c05c95d396e19892eec8efd32fe Mon Sep 17 00:00:00 2001
From: VedantVardhaan <vvardhaan@ucsd.edu>
Date: Thu, 6 Mar 2025 13:30:46 -0800
Subject: [PATCH 1/2] dynamic bar

---
 frontend/app/(tabs)/History.tsx                   | 6 +++++-
 frontend/components/HistoryBudget/BudgetChart.tsx | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/app/(tabs)/History.tsx b/frontend/app/(tabs)/History.tsx
index 3797074..8276733 100644
--- a/frontend/app/(tabs)/History.tsx
+++ b/frontend/app/(tabs)/History.tsx
@@ -19,10 +19,14 @@ export default function History() {
     { id: 11, name: "Spotify", date: "1/15/2025", amount: 10 },
     { id: 12, name: "Spotify", date: "1/15/2025", amount: 10 },
   ];
+
+  const Budget = 3500;
+  const current = 2300;
+  
   return (
     <View style={styles.homeContainer}>
       <Text style={styles.Title}>History</Text>
-      <BudgetChart length={150} Current={2300} Budget={3500} />
+      <BudgetChart length={current/Budget* 100} Current={current} Budget={Budget} />
       <FullTransactionHistory list={AllTransactions} />
     </View>
   );
diff --git a/frontend/components/HistoryBudget/BudgetChart.tsx b/frontend/components/HistoryBudget/BudgetChart.tsx
index 46f148e..18aa057 100644
--- a/frontend/components/HistoryBudget/BudgetChart.tsx
+++ b/frontend/components/HistoryBudget/BudgetChart.tsx
@@ -7,7 +7,7 @@ export default function BudgetChart(props: any) {
       <View style={[styles.chartBackground, styles.shadow]}>
         <View
           style={{
-            width: props.length,
+            width: `${props.length}%`,
             height: 40,
             backgroundColor: "#8d82be",
             borderRadius: 10,

From 65a9fd5a591897f3633c00680791901c2e369022 Mon Sep 17 00:00:00 2001
From: VedantVardhaan <vvardhaan@ucsd.edu>
Date: Mon, 7 Apr 2025 15:51:41 -0700
Subject: [PATCH 2/2] fixed lint checks

---
 frontend/app/(tabs)/History.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/app/(tabs)/History.tsx b/frontend/app/(tabs)/History.tsx
index 8276733..7c531c4 100644
--- a/frontend/app/(tabs)/History.tsx
+++ b/frontend/app/(tabs)/History.tsx
@@ -22,11 +22,15 @@ export default function History() {
 
   const Budget = 3500;
   const current = 2300;
-  
+
   return (
     <View style={styles.homeContainer}>
       <Text style={styles.Title}>History</Text>
-      <BudgetChart length={current/Budget* 100} Current={current} Budget={Budget} />
+      <BudgetChart
+        length={(current / Budget) * 100}
+        Current={current}
+        Budget={Budget}
+      />
       <FullTransactionHistory list={AllTransactions} />
     </View>
   );