From f1985ae180a4db0f981ec65c39e3ecc53308edb6 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 25 Feb 2025 17:34:04 +0100
Subject: [PATCH] decimal issue fixed

---
 src/components/loan_screen/LoanDetails.jsx | 6 +++---
 src/components/loan_screen/LoanPin.jsx     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/loan_screen/LoanDetails.jsx b/src/components/loan_screen/LoanDetails.jsx
index 46ff716..5d3afa6 100644
--- a/src/components/loan_screen/LoanDetails.jsx
+++ b/src/components/loan_screen/LoanDetails.jsx
@@ -11,9 +11,9 @@ export default function LoanDetails({step, handleStep, screens}) {
         <p className='font-semibold text-base md:text-xl'>Loan Details</p>
         <div className='text-input w-full flex flex-col gap-2 justify-center items-center'>
             <p className='w-full text-base md:text-xl'>Loan Amount: ₦{step.details.typedAmount}</p>
-            <p className='w-full text-base md:text-xl'>Interest 3%: ₦{step.details.typedAmount*0.03}</p>
-            <p className='w-full text-base md:text-xl'>Mgt Fee 1%: ₦{step.details.typedAmount*0.01}</p>
-            <p className='w-full text-base md:text-xl'>Insurance 1%: ₦{step.details.typedAmount*0.01}</p>
+            <p className='w-full text-base md:text-xl'>Interest 3%: ₦{Math.round((step.details.typedAmount*0.03 + Number.EPSILON) * 100) / 100}</p>
+            <p className='w-full text-base md:text-xl'>Mgt Fee 1%: ₦{Math.round((step.details.typedAmount*0.01 + Number.EPSILON) * 100) / 100}</p>
+            <p className='w-full text-base md:text-xl'>Insurance 1%: ₦{Math.round((step.details.typedAmount*0.01 + Number.EPSILON) * 100) / 100}</p>
         </div>
          <div className='mt-3 flex justify-center'>
             <button onClick={handleGetLoan} className='p-3 bg-purple-800 text-lg sm:text-2xl text-white font-bold rounded'>Accept</button>
diff --git a/src/components/loan_screen/LoanPin.jsx b/src/components/loan_screen/LoanPin.jsx
index a2aa9d8..da46676 100644
--- a/src/components/loan_screen/LoanPin.jsx
+++ b/src/components/loan_screen/LoanPin.jsx
@@ -46,7 +46,7 @@ export default function LoanPin({step, handleStep, screens}) {
             <div className='mt-3 flex flex-col gap-4'>
                 <div className='text-input font-semibold w-full flex flex-col gap-4 justify-center items-center'>
                     <p className='text-center text-base md:text-xl'>{`Your loan of ₦${step.details.typedAmount} would be set up. T&C's apply.`}</p>
-                    <Label name='Enter your 5 Digit pin' htmlfor='pin' />
+                    <Label name='Enter your 4 Digit pin' htmlfor='pin' />
                     <InputText id='pin' name='pin' type='text' value={pin} handleChange={handlePinChange} />
                     <button onClick={()=>{proceed.mutate()}} disabled={proceed.isPending} className='p-3 bg-purple-800 text-base sm:text-xl text-white font-bold rounded'>{proceed.isPending ? 'loading...' : 'Continue'}</button>
                 </div>