Laux/Frontend-Internal-Developer-Platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

done profile dropdown

Browse Source
This commit is contained in:
sigmaBoei
2026-02-26 11:12:41 +08:00
parent c98177c4ee
commit b1a79b90a1
8 changed files with 151 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/app/users/page.jsx
View File

@@ -1,31 +1,28 @@
"use client";
import React from "react";
import TopHeader from "../components/topHeader/TopHeader";
import globalStyle from "../globalStyle.module.css";
import styles from "./styles.module.css";
import { useRouter } from "next/navigation";
const UsersPage = () => {
const router = useRouter();
const sampleData = [
{
id: 1,
email: "nino.moonshot@gmail.com",
fullName: "Nino Paul Cervantes",
createdAt: "2024-10-21 08:01:31.474 +0000 UTC",
},
{
id: 2,
email: "nino.moonshot@gmail.com",
fullName: "Nino Paul Cervantes",
createdAt: "2024-10-21 08:01:31.474 +0000 UTC",
},
{
email: "nino.moonshot@gmail.com",
fullName: "Nino Paul Cervantes",
createdAt: "2024-10-21 08:01:31.474 +0000 UTC",
},
{
email: "nino.moonshot@gmail.com",
fullName: "Nino Paul Cervantes",
createdAt: "2024-10-21 08:01:31.474 +0000 UTC",
},
{
id: 3,
email: "nino.moonshot@gmail.com",
fullName: "Nino Paul Cervantes",
createdAt: "2024-10-21 08:01:31.474 +0000 UTC",
@@ -48,12 +45,15 @@ const UsersPage = () => {
</tr>
</thead>
<tbody className={styles.tableBody}>
{sampleData.map((data, index) => {
{sampleData.map((user, index) => {
return (
<tr key={index}>
<td>{data.email}</td>
<td>{data.fullName}</td>
<td>{data.createdAt}</td>
<tr
key={user.id}
onClick={() => router.push(`/users/${user.id}`)}
>
<td>{user.email}</td>
<td>{user.fullName}</td>
<td>{user.createdAt}</td>
<td>
<div className={styles.tableActions}>
<button className={styles.viewBtn}>