diff --git a/public/BudgetBuddyIcon.ico b/public/BudgetBuddyIcon.ico new file mode 100644 index 0000000..8bf7032 Binary files /dev/null and b/public/BudgetBuddyIcon.ico differ diff --git a/public/BudgetBuddyLogo.ico b/public/BudgetBuddyLogo.ico deleted file mode 100644 index 128e490..0000000 Binary files a/public/BudgetBuddyLogo.ico and /dev/null differ diff --git a/public/index.html b/public/index.html index 824772b..b7bdef0 100644 --- a/public/index.html +++ b/public/index.html @@ -2,7 +2,7 @@ - + { return (

Add Transaction

+
-
+
{ onChange={(event) => setCost(event.target.value)} />
-
+
- -
-
+ +
+
@@ -178,20 +179,20 @@ const AddExpenseForm = (props) => {
-
+
- - -
- +
); }; diff --git a/src/components/ExpenseTotal.js b/src/components/ExpenseTotal.js index 8e51540..b385086 100644 --- a/src/components/ExpenseTotal.js +++ b/src/components/ExpenseTotal.js @@ -24,7 +24,8 @@ const ExpenseTotal = () => { return (
- + {// + } This Month's Expenses: ${expense}
); diff --git a/src/components/FormInputGroup.js b/src/components/FormInputGroup.js index 35f87db..18deb98 100644 --- a/src/components/FormInputGroup.js +++ b/src/components/FormInputGroup.js @@ -2,7 +2,7 @@ import React from "react"; const FormInputGroup = ({text, placeholder, value, onInput}) => { return ( -
+
diff --git a/src/components/LoanCalculator.js b/src/components/LoanCalculator.js index 9a9b93c..b8a5def 100644 --- a/src/components/LoanCalculator.js +++ b/src/components/LoanCalculator.js @@ -26,19 +26,25 @@ const LoanCalculator = () => { return (
-

Loan Calculator

+

Loan Calculator

event.preventDefault()}> - setLoanAmount(event.target.value)}/> - setInterestRate(event.target.value)}/> - setLoanDuration(event.target.value)}/> - -

- Monthly Payment: ${monthlyPayment.toFixed(2)} -

Principal Paid: ${loanAmount}
-
Interest Paid: ${interestPaid.toFixed(2)}
- - +
+
+ setLoanAmount(event.target.value)}/> + setInterestRate(event.target.value)}/> + setLoanDuration(event.target.value)}/> +
+
+
+ Monthly Payment: ${monthlyPayment.toFixed(2)} +
Principal Paid: ${loanAmount}
+
Interest Paid: ${interestPaid.toFixed(2)}
+ +
+
+ +
) diff --git a/src/components/NavBar.js b/src/components/NavBar.js index 9d1fc9f..36f9c59 100644 --- a/src/components/NavBar.js +++ b/src/components/NavBar.js @@ -22,7 +22,7 @@ export default function NavBar() { }, []); return ( - + +
{/* Current Balance: ${data} */} {/* */} @@ -118,7 +118,7 @@ export default function Remaining() { required /> - +
); }; \ No newline at end of file diff --git a/src/pages/Dashboard.jsx b/src/pages/Dashboard.jsx index bdf7ce8..dd8f9d2 100644 --- a/src/pages/Dashboard.jsx +++ b/src/pages/Dashboard.jsx @@ -19,36 +19,36 @@ export default function Dashboard() { return ( -
+
-
+
-
+
-
- {/* */} +
+
-
-
+
+
-
- +
+
-
-
- +
+
+
-
+
-
+
diff --git a/src/styles.css b/src/styles.css index d6107a7..2aaffd0 100644 --- a/src/styles.css +++ b/src/styles.css @@ -5,6 +5,7 @@ body { sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + background-color: #EFEFE6 !important; } code { @@ -13,7 +14,6 @@ code { } .app { - background-color: #EFEFE6; color: #191910; min-height: 100vh; }