completionId: cgen-dd0dff3d951740b6876ee03fdcd5561d
cgen-dd0dff3d951740b6876ee03fdcd5561d
This commit is contained in:
parent
37c1527c87
commit
be6810026f
1 changed files with 16 additions and 5 deletions
|
|
@ -142,16 +142,27 @@ export default function AdminStaffDirectory() {
|
||||||
{filteredMembers.map((member) => (
|
{filteredMembers.map((member) => (
|
||||||
<Card key={member.id} className="hover:shadow-lg transition">
|
<Card key={member.id} className="hover:shadow-lg transition">
|
||||||
<CardHeader>
|
<CardHeader>
|
||||||
<div className="flex items-start justify-between">
|
<div className="flex items-start justify-between gap-2">
|
||||||
<div>
|
<div className="flex-1">
|
||||||
<CardTitle className="text-lg">{member.name}</CardTitle>
|
<CardTitle className="text-lg">{member.name}</CardTitle>
|
||||||
<CardDescription className="font-medium mt-1">
|
<CardDescription className="font-medium mt-1">
|
||||||
{member.position}
|
{member.position}
|
||||||
</CardDescription>
|
</CardDescription>
|
||||||
</div>
|
</div>
|
||||||
<Badge className={getRoleBadgeColor(member.role)}>
|
<div className="flex gap-1">
|
||||||
{member.role}
|
<Badge className={getRoleBadgeColor(member.role)}>
|
||||||
</Badge>
|
{member.role}
|
||||||
|
</Badge>
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
size="icon"
|
||||||
|
className="h-6 w-6"
|
||||||
|
onClick={() => handleEditClick(member)}
|
||||||
|
title="Edit member"
|
||||||
|
>
|
||||||
|
<Edit2 className="w-3 h-3" />
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="text-sm text-muted-foreground mt-2">
|
<div className="text-sm text-muted-foreground mt-2">
|
||||||
{member.department}
|
{member.department}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue