Update page.tsx

This commit is contained in:
Damien Ostler 2024-06-04 23:07:20 -04:00
parent 19bee6998a
commit 4d86b8aeed

View File

@ -7,6 +7,61 @@ function PageComponent() {
const getData = async () => {
}
const [users, setUsers] = useState([
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' },
{ email: 'user1@example.com' },
{ email: 'user2@example.com' },
{ email: 'user3@example.com' }
// Add more fake users as needed
]);
useEffect(() => {
getData();
}, []);
@ -51,6 +106,20 @@ return (
</div>
</div>
</div>
<div className="w-full lg:w-1/3 h-96 rounded-md bg-primary opacity-90 p-6 mt-32 shadow-lg backdrop-blur no-scrollbar overflow-y-scroll">
<div className="w-full flex">
<table className="w-full">
<tbody>
{users.map((data, index) => (
<tr key={index} className="rounded hover:bg-secondary bg-secondary-dark shadow-lg">
<td className="px-4 py-2">{data.email}</td>
<td className="px-4 py-2">0 Months</td>
</tr>
))}
</tbody>
</table>
</div>
</div>
</div>
);
}