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

Loan details updates

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-11-02 12:12:08 -05:00
parent 2852d5654e
commit dfc2165432
4 changed files with 226 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layouts/rightaside/Orders.jsx
+29 -29
View File
@@ -5,35 +5,35 @@ import CustomCounter from '../../CustomCounter'
export default function Orders() {
return (
<div className='h-full p-2 sm:p-4 large:p-8 flex flex-col gap-16 overflow-y-auto aside-scroll-design'>
<div className='flex flex-col gap-4'>
<p className='text-base text-white-body font-bold'>Recent Eligibility</p>
<div className='grid grid-cols-2 gap-4 sm:gap-6 large:gap-8'>
<div className='p-2 sm:p-3 large:p-4 flex flex-col border border-slate-500 border-dashed'>
<p className='text-base font-bold text-white-body'>
<CustomCounter targetNumber={18} timeInSeconds={1} />
</p>
<p className='text-sm text-slate-500'>Pending</p>
</div>
<div className='p-2 sm:p-3 large:p-4 flex flex-col border border-slate-500 border-dashed'>
<p className='text-base font-bold text-white-body'>
<CustomCounter targetNumber={5} timeInSeconds={1} />
</p>
<p className='text-sm text-slate-500'>Approved</p>
</div>
<div className='p-2 sm:p-3 large:p-4 flex flex-col border border-slate-500 border-dashed'>
<p className='text-base font-bold text-white-body'>
<CustomCounter targetNumber={1} timeInSeconds={1} />
</p>
<p className='text-sm text-slate-500'>Rejected</p>
</div>
<div className='p-2 sm:p-3 large:p-4 flex flex-col border border-slate-500 border-dashed'>
<p className='text-base font-bold text-white-body'>
<CustomCounter targetNumber={1} timeInSeconds={1} />
</p>
<p className='text-sm text-slate-500'>Created</p>
</div>
</div>
</div>
{/*<div className='flex flex-col gap-4'>*/}
{/* <p className='text-base text-white-body font-bold'>Recent Eligibility</p>*/}
{/* <div className='grid grid-cols-2 gap-4 sm:gap-6 large:gap-8'>*/}
{/* <div className='p-2 sm:p-3 large:p-4 flex flex-col border border-slate-500 border-dashed'>*/}
{/* <p className='text-base font-bold text-white-body'>*/}
{/* <CustomCounter targetNumber={18} timeInSeconds={1} />*/}
{/* </p>*/}
{/* <p className='text-sm text-slate-500'>Pending</p>*/}
{/* </div>*/}
{/* <div className='p-2 sm:p-3 large:p-4 flex flex-col border border-slate-500 border-dashed'>*/}
{/* <p className='text-base font-bold text-white-body'>*/}
{/* <CustomCounter targetNumber={5} timeInSeconds={1} />*/}
{/* </p>*/}
{/* <p className='text-sm text-slate-500'>Approved</p>*/}
{/* </div>*/}
{/* <div className='p-2 sm:p-3 large:p-4 flex flex-col border border-slate-500 border-dashed'>*/}
{/* <p className='text-base font-bold text-white-body'>*/}
{/* <CustomCounter targetNumber={1} timeInSeconds={1} />*/}
{/* </p>*/}
{/* <p className='text-sm text-slate-500'>Rejected</p>*/}
{/* </div>*/}
{/* <div className='p-2 sm:p-3 large:p-4 flex flex-col border border-slate-500 border-dashed'>*/}
{/* <p className='text-base font-bold text-white-body'>*/}
{/* <CustomCounter targetNumber={1} timeInSeconds={1} />*/}
{/* </p>*/}
{/* <p className='text-sm text-slate-500'>Created</p>*/}
{/* </div>*/}
{/* </div>*/}
{/*</div>*/}
<div className='flex flex-col gap-4'>
<p className='text-base text-white-body font-bold'>Recent Loans</p>
<div className='flex flex-col gap-4'>
src/components/layouts/rightaside/RightAsideBar.jsx
+9 -9
View File
@@ -20,18 +20,18 @@ export default function RightAsideBar() {
<button name='orders' onClick={() => handleActiveMenu('orders')} className={`flex justify-center items-center px-2 py-3 large:px-4 large:py-5 rounded-md shadow-round_white bg-[#0E172E] text-white-body hover:scale-[1.1] ${active == 'orders' && 'scale-[1.2]'}`}>
<Icons name='dashboard' className='text-3xl' />
</button>
<button name='tickets' onClick={() => handleActiveMenu('tickets')} className={`flex justify-center items-center px-2 py-3 large:px-4 large:py-5 rounded-md shadow-round_white bg-[#0E172E] text-white-body hover:scale-[1.1] ${active == 'tickets' && 'scale-[1.2]'}`}>
<Icons name='settings' className='text-3xl' />
</button>
<button name='tasks' onClick={() => handleActiveMenu('tasks')} className={`flex justify-center items-center px-2 py-3 large:px-4 large:py-5 rounded-md shadow-round_white bg-[#0E172E] text-white-body hover:scale-[1.1] ${active == 'tasks' && 'scale-[1.2]'}`}>
<Icons name='dashboard' className='text-3xl' />
</button>
{/*<button name='tickets' onClick={() => handleActiveMenu('tickets')} className={`flex justify-center items-center px-2 py-3 large:px-4 large:py-5 rounded-md shadow-round_white bg-[#0E172E] text-white-body hover:scale-[1.1] ${active == 'tickets' && 'scale-[1.2]'}`}>*/}
{/* <Icons name='settings' className='text-3xl' />*/}
{/*</button>*/}
{/*<button name='tasks' onClick={() => handleActiveMenu('tasks')} className={`flex justify-center items-center px-2 py-3 large:px-4 large:py-5 rounded-md shadow-round_white bg-[#0E172E] text-white-body hover:scale-[1.1] ${active == 'tasks' && 'scale-[1.2]'}`}>*/}
{/* <Icons name='dashboard' className='text-3xl' />*/}
{/*</button>*/}
</div>
{/* Body */}
{active == 'orders' && <Orders />}
{active == 'tickets' && <Tickets />}
{active == 'tasks' && <Tasks />}
{active === 'orders' && <Orders />}
{/*{active == 'tickets' && <Tickets />}*/}
{/*{active == 'tasks' && <Tasks />}*/}
</div>
)
}