From e7cee2f4f0ada6979fc0c59adf4829618549954a Mon Sep 17 00:00:00 2001
From: Ryan Lynch <lynchryan2@gmail.com>
Date: Wed, 26 Jun 2024 15:34:21 +0100
Subject: [PATCH] Fixing interest rates.

---
 src/components/MortgageDetails/MortgageDetails.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/MortgageDetails/MortgageDetails.tsx b/src/components/MortgageDetails/MortgageDetails.tsx
index f63cc95..d8701c3 100644
--- a/src/components/MortgageDetails/MortgageDetails.tsx
+++ b/src/components/MortgageDetails/MortgageDetails.tsx
@@ -24,9 +24,10 @@ export const MortgageDetails: React.FC<MortgageDetailsProps> = (
     props: MortgageDetailsProps
 ) => {
     const { interestRate, maxLoan, term } = props;
-    const [localInterestRate, setLocalInterestRate] = React.useState<
-        number | undefined
-    >(interestRate ?? 4.0);
+    console.log(interestRate);
+    const [localInterestRate, setLocalInterestRate] = React.useState<number>(
+        interestRate ?? 4.0
+    );
     const [houseValue, setHouseValue] = React.useState<number>(0);
     const [loanAmount, setLoanAmount] = React.useState<number>(0);
 
@@ -156,7 +157,11 @@ export const MortgageDetails: React.FC<MortgageDetailsProps> = (
             <Stack.Item grow>
                 <Text variant="xLarge" style={{ color: "lightgreen" }}>
                     {formatter.format(
-                        getMonthlyPayment(loanAmount, interestRate ?? 3.8, term)
+                        getMonthlyPayment(
+                            loanAmount,
+                            interestRate ?? localInterestRate,
+                            term
+                        )
                     )}
                 </Text>
             </Stack.Item>