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

initial commit

Browse Source
This commit is contained in:
victorAnumudu
2024-05-06 14:44:42 +01:00
parent 044b2ef917
commit a2e039eab4
5 changed files with 215 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Dashboard/DashboardHomeIntro.tsx
+52 -3
View File
@@ -1,7 +1,8 @@
import React, { FC } from "react";
import NairaBag from "../../assets/images/dashboard/naira-bag.png";
import { Button } from "../";
import { Button, Icons } from "../";
import { useSelector } from "react-redux";
import PendingList from "../paginated-list/PendingList";
export interface DashBoardCardProps {
title?: string;
@@ -76,7 +77,7 @@ interface DashboardHomeIntroProps {
const DashboardHomeIntro: FC<DashboardHomeIntroProps> = ({ handleNextStep, step }) => {
const { userDetails } = useSelector((state:any) => state?.userDetails); // CHECKS IF USER Details are avaliable
return (
<>
<div className='w-full'>
{step == 1 ?
<>
<h1 className="font-bold my-5 text-2xl">Hello, {userDetails.firstname}</h1>
@@ -114,12 +115,60 @@ const DashboardHomeIntro: FC<DashboardHomeIntroProps> = ({ handleNextStep, step
</div>
</>
}
</>
<div className='mt-5 w-full'>
<PendingList
data={dummyData}
itemsPerPage={5}
tableTitle='Current Applications'
>
{({data}:any)=>(
<div className="w-full p-4 rounded-lg shadow-lg bg-white overflow-x-auto min-h-[250px] max-h-[450px]">
<table className="w-full table-auto">
<thead>
<tr className='text-left border-b-2'>
<th className='px-1 py-4'>Date</th>
<th className='px-1 py-4'>Amount</th>
<th className='px-1 py-4'>Payment Term</th>
<th className='px-1 py-4'>Status</th>
<th className='px-1 py-4'>Action</th>
</tr>
</thead>
<tbody>
{data.map((item:any, index:any) =>(
<tr key={index || item} className='even:bg-slate-100'>
<td className='px-1 py-2'>{'item.date'}</td>
<td className='px-1 py-2'>The Sliding Mr. Bones (Next Stop, Pottersville)</td>
<td className='px-1 py-2'>12</td>
<td className='px-1 py-2'>Malcolm Lockyer</td>
<td className='px-1 py-2'>
<button className='px-2 py-1 border-2 border-black flex gap-2 items-center'>
View
<Icons name='arrow-right' />
</button>
</td>
</tr>
))}
</tbody>
</table>
</div>
)}
</PendingList>
</div>
</div>
);
};
export default DashboardHomeIntro;
const dummyData = [
{id: 1, name: 'obi John', last_login: '12/12/2024', image: 'string'},
{id: 1, name: 'obi John', last_login: '12/12/2024', image: 'string'},
{id: 1, name: 'obi John', last_login: '12/12/2024', image: 'string'},
{id: 1, name: 'obi John', last_login: '12/12/2024', image: 'string'},
{id: 1, name: 'obi John', last_login: '12/12/2024', image: 'string'},
{id: 1, name: 'obi John', last_login: '12/12/2024', image: 'string'}
]
// {/* <div className="group w-full lg:w-96 h-32">
// <DefaultCard
// descText="You currently do not have any open application. Click on apply for a loan to get started."