DigiFi/digifi-FirstOffice
1
0
Fork 0
Code Issues Pull Requests Releases Activity

updated home page

Browse Source
This commit is contained in:
victorAnumudu
2025-04-16 19:08:28 +01:00
parent 0cc57a3d1d
commit 2086f4ce2b
1 changed files with 16 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/home/HomeCom.jsx
+16 -38
View File
@@ -19,12 +19,11 @@ export default function HomeCom() {
queryFn: () => getDashData()
})
const dashData = data?.data // APPLY LOAN LIST
const dashData = data?.data // DASHBOARD DATA
// console.log('dashData', dashData)
// loans, payments, recent_transactions [], request_summary
return (
<div className='w-full flex flex-col gap-8'>
<BreadcrumbCom title='Dashboard' paths={['Home', 'Dashboard']} />
@@ -56,42 +55,21 @@ export default function HomeCom() {
<div className='box min-h-[230] justify-between bg-[#CBD4F4] dark:bg-black-box text-black-body dark:text-white-body'>
<p className='mb-4 text-base sm:text-lg font-bold hover:text-primary'>Request Summary</p>
<div className='grid grid-cols-2 gap-4 font-bold'>
<div className='flex items-center gap-2'>
<div className='w-10 h-10 bg-white-body dark:bg-black-box dark:shadow-[0_0_0_1px_#f9f9f9] rounded-md flex justify-center items-center'>
<Icons name='sales' />
</div>
<div>
<p className='font-bold text-base'>$<CustomCounter targetNumber={formatNumber(dashData?.request_summary?.eligibility_check?.Eligibility)} timeInSeconds='1' />K</p>
<p className='text-12 text-slate-500'>Eligibility</p>
</div>
</div>
<div className='flex items-center gap-2'>
<div className='w-10 h-10 bg-white-body dark:bg-black-box dark:shadow-[0_0_0_1px_#f9f9f9] rounded-md flex justify-center items-center'>
<Icons name='sales' />
</div>
<div>
<p className='font-bold text-base'>$<CustomCounter targetNumber={formatNumber(dashData?.request_summary?.provide_loan?.Loans)} timeInSeconds='1' />K</p>
<p className='text-12 text-slate-500'>Loans</p>
</div>
</div>
<div className='flex items-center gap-2'>
<div className='w-10 h-10 bg-white-body dark:bg-black-box dark:shadow-[0_0_0_1px_#f9f9f9] rounded-md flex justify-center items-center'>
<Icons name='sales' />
</div>
<div>
<p className='font-bold text-base'>$<CustomCounter targetNumber={formatNumber(dashData?.request_summary?.repayment?.Repayments)} timeInSeconds='1' />K</p>
<p className='text-12 text-slate-500'>Repayments</p>
</div>
</div>
<div className='flex items-center gap-2'>
<div className='w-10 h-10 bg-white-body dark:bg-black-box dark:shadow-[0_0_0_1px_#f9f9f9] rounded-md flex justify-center items-center'>
<Icons name='sales' />
</div>
<div>
<p className='font-bold text-base'>$<CustomCounter targetNumber={formatNumber(dashData?.request_summary?.select_offer?.Offers)} timeInSeconds='1' />M</p>
<p className='text-12 text-slate-500'>Offers</p>
</div>
</div>
{
Object.values(dashData?.request_summary).map((item, index) => {
return (
<div key={index} className='flex items-center gap-2'>
<div className='w-10 h-10 bg-white-body dark:bg-black-box dark:shadow-[0_0_0_1px_#f9f9f9] rounded-md flex justify-center items-center'>
<Icons name='sales' />
</div>
<div>
<p className='font-bold text-base'>$<CustomCounter targetNumber={formatNumber(Object.values(item)[0])} timeInSeconds='1' />K</p>
<p className='text-12 text-slate-500'>{Object.keys(item)[0]}</p>
</div>
</div>
)
})
}
</div>
</div>
</div>