feat: add AdminMemberTiers page, MemberBadge component, and SettingsLayout; refactor routes and sidebar for improved navigation

This commit is contained in:
2026-01-26 13:58:44 -06:00
parent 7ee5cb0d9c
commit ac8d40112e
10 changed files with 202 additions and 14 deletions

View File

@@ -0,0 +1,19 @@
// src/components/MemberBadge.js
import React from 'react';
import { Badge } from './ui/badge';
import { getTierForMember } from '../utils/member-tiers';
import { MEMBER_TIER_ICONS } from '../config/memberTierIcons';
const MemberBadge = ({ memberSince, tiers }) => {
const tier = getTierForMember(memberSince, tiers);
const Icon = MEMBER_TIER_ICONS[tier.icon] || MEMBER_TIER_ICONS.FaUser;
return (
<Badge className={`px-3 py-1 rounded-md text-sm flex items-center gap-2 ${tier.badgeClass}`}>
<Icon className="h-4 w-4" />
{tier.label}
</Badge>
);
};
export default MemberBadge;