70 lines
2.0 KiB
JavaScript
70 lines
2.0 KiB
JavaScript
// src/config/memberTiers.js
|
|
|
|
/**
|
|
* Default member tier configuration
|
|
* Used as fallback when API is unavailable
|
|
* Format matches backend MemberTier interface
|
|
*/
|
|
export const DEFAULT_MEMBER_TIERS = [
|
|
{
|
|
id: 'new_member',
|
|
label: 'New Member',
|
|
minYears: 0,
|
|
maxYears: 0.999,
|
|
iconKey: 'sparkle',
|
|
badgeClass: 'bg-blue-100 text-blue-800 border-blue-200',
|
|
},
|
|
{
|
|
id: 'member_1_year',
|
|
label: '1 Year Member',
|
|
minYears: 1,
|
|
maxYears: 2.999,
|
|
iconKey: 'star',
|
|
badgeClass: 'bg-green-100 text-green-800 border-green-200',
|
|
},
|
|
{
|
|
id: 'member_3_year',
|
|
label: '3+ Year Member',
|
|
minYears: 3,
|
|
maxYears: 4.999,
|
|
iconKey: 'award',
|
|
badgeClass: 'bg-purple-100 text-purple-800 border-purple-200',
|
|
},
|
|
{
|
|
id: 'veteran',
|
|
label: 'Veteran Member',
|
|
minYears: 5,
|
|
maxYears: 999,
|
|
iconKey: 'crown',
|
|
badgeClass: 'bg-amber-100 text-amber-800 border-amber-200',
|
|
},
|
|
];
|
|
|
|
/**
|
|
* Available icon options for tier configuration
|
|
*/
|
|
export const TIER_ICON_OPTIONS = [
|
|
{ key: 'sparkle', label: 'Sparkle' },
|
|
{ key: 'star', label: 'Star' },
|
|
{ key: 'award', label: 'Award' },
|
|
{ key: 'crown', label: 'Crown' },
|
|
{ key: 'medal', label: 'Medal' },
|
|
{ key: 'trophy', label: 'Trophy' },
|
|
{ key: 'gem', label: 'Gem' },
|
|
{ key: 'heart', label: 'Heart' },
|
|
{ key: 'shield', label: 'Shield' },
|
|
];
|
|
|
|
/**
|
|
* Available badge color presets
|
|
*/
|
|
export const BADGE_COLOR_PRESETS = [
|
|
{ label: 'Blue', badgeClass: 'bg-blue-100 text-blue-800 border-blue-200' },
|
|
{ label: 'Green', badgeClass: 'bg-green-100 text-green-800 border-green-200' },
|
|
{ label: 'Purple', badgeClass: 'bg-purple-100 text-purple-800 border-purple-200' },
|
|
{ label: 'Amber', badgeClass: 'bg-amber-100 text-amber-800 border-amber-200' },
|
|
{ label: 'Red', badgeClass: 'bg-red-100 text-red-800 border-red-200' },
|
|
{ label: 'Teal', badgeClass: 'bg-teal-100 text-teal-800 border-teal-200' },
|
|
{ label: 'Pink', badgeClass: 'bg-pink-100 text-pink-800 border-pink-200' },
|
|
{ label: 'Indigo', badgeClass: 'bg-indigo-100 text-indigo-800 border-indigo-200' },
|
|
]; |