diff --git a/src/components/MortgageComparison/MortgageComparison.tsx b/src/components/MortgageComparison/MortgageComparison.tsx index f7ad9e5..a0683c2 100644 --- a/src/components/MortgageComparison/MortgageComparison.tsx +++ b/src/components/MortgageComparison/MortgageComparison.tsx @@ -1,4 +1,4 @@ -import { Stack } from "@fluentui/react"; +import { Icon, Link, Stack, Text } from "@fluentui/react"; import React from "react"; import { InterestRate } from "../InterestRate/InterestRate"; import { MaxLoanInput } from "../MaxLoanInput/MaxLoanInput"; @@ -9,7 +9,7 @@ export interface MortgageComparisonProps {} export const MortgageComparison: React.FC = () => { const [interestRate, setInterestRate] = React.useState( - 3.8 + 4 ); const [useGlobalInterestRate, setUseGlobalInterestRate] = React.useState(true); @@ -27,18 +27,14 @@ export const MortgageComparison: React.FC = () => { return (

Mortgage Comparison

- - - - = () => { {...{ interestRate, useGlobalInterestRate, maxLoan, term }} /> + +
+ + + If you found this useful, consider{" "} + + buying me a coffee! {" "} + +
); };