rename

src/components/LoanPanel.jsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
-import PrincipalInput from "./PrincipalInput";
-import DurationInput from "./DurationInput";
-import InterestInput from "./InterestInput";
+import LoanPrincipalInput from "./LoanPrincipalInput";
+import LoanDurationInput from "./LoanDurationInput";
+import LoanInterestInput from "./LoanInterestInput";
 
 const LoanPanel = () => {
   const [hasBeenInteracted, setHasBeenInteracted] = useState(false);
@@ -28,15 +28,15 @@ const LoanPanel = () => {
     <>
       <div className="p-5 bg-gray-50 rounded-3xl border border-gray-400">
         <form className="flex flex-col justify-end items-end my-5 text-white bg-blue-600 p-5 rounded-3xl shadow-[0_4px_0_rgba(0,255,255,1)]">
-          <PrincipalInput
+          <LoanPrincipalInput
             onChangeCallback={handleLoanPrincipalChange}
             loanPrincipal={loanPrincipal}
           />
-          <DurationInput
+          <LoanDurationInput
             onChangeCallback={handleLoanDurationChange}
             loanDuration={loanDuration}
           />
-          <InterestInput
+          <LoanInterestInput
             onChangeCallback={handleLoanInterestChange}
             loanInterest={loanInterest}
           />