andika/membership-fe
3
1
Fork 1
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add member since date handling across admin and member views

Browse Source
This commit is contained in:
kayela
2026-01-20 12:33:17 -06:00
parent c79db66739
commit 3822ba8ffb
5 changed files with 98 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/admin/AdminMembers.js
View File

@@ -385,13 +385,15 @@ const AdminMembers = () => {
</div>
) : filteredUsers.length > 0 ? (
<div className="space-y-4">
{filteredUsers.map((user) => (
<Card
key={user.id}
className="p-6 bg-background rounded-2xl border border-[var(--neutral-800)] hover:shadow-md transition-shadow"
data-testid={`member-card-${user.id}`}
>
<div className="flex justify-between items-start flex-wrap gap-4">
{filteredUsers.map((user) => {
const joinedDate = user.member_since || user.created_at;
return (
<Card
key={user.id}
className="p-6 bg-background rounded-2xl border border-[var(--neutral-800)] hover:shadow-md transition-shadow"
data-testid={`member-card-${user.id}`}
>
<div className="flex justify-between items-start flex-wrap gap-4">
<div className="flex items-start gap-4 flex-1">
{/* Avatar */}
<div className="h-14 w-14 rounded-full bg-[var(--neutral-800)] flex items-center justify-center text-[var(--purple-ink)] font-semibold text-lg flex-shrink-0">
@@ -409,7 +411,7 @@ const AdminMembers = () => {
<div className="grid md:grid-cols-2 gap-2 text-sm text-brand-purple dark:text-brand-lavender " style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
<p>Email: {user.email}</p>
<p>Phone: {user.phone}</p>
<p>Joined: {new Date(user.created_at).toLocaleDateString()}</p>
<p>Joined: {joinedDate ? new Date(joinedDate).toLocaleDateString() : 'N/A'}</p>
{user.referred_by_member_name && (
<p>Referred by: {user.referred_by_member_name}</p>
)}
@@ -523,7 +525,8 @@ const AdminMembers = () => {
</div>
</div>
</Card>
))}
);
})}
</div>
) : (
<div className="text-center py-20">