website refactor
This commit is contained in:
@@ -1,16 +1,16 @@
|
||||
export class AchievementDisplay {
|
||||
static getRarityColor(rarity: string) {
|
||||
static getRarityVariant(rarity: string) {
|
||||
switch (rarity.toLowerCase()) {
|
||||
case 'common':
|
||||
return { text: 'text-gray-400', surface: 'muted' as const, icon: '#9ca3af' };
|
||||
return { text: 'low' as const, surface: 'rarity-common' as const, iconIntent: 'low' as const };
|
||||
case 'rare':
|
||||
return { text: 'text-primary-blue', surface: 'gradient-blue' as const, icon: '#3b82f6' };
|
||||
return { text: 'primary' as const, surface: 'rarity-rare' as const, iconIntent: 'primary' as const };
|
||||
case 'epic':
|
||||
return { text: 'text-purple-400', surface: 'gradient-purple' as const, icon: '#a855f7' };
|
||||
return { text: 'primary' as const, surface: 'rarity-epic' as const, iconIntent: 'primary' as const };
|
||||
case 'legendary':
|
||||
return { text: 'text-yellow-400', surface: 'gradient-gold' as const, icon: '#facc15' };
|
||||
return { text: 'warning' as const, surface: 'rarity-legendary' as const, iconIntent: 'warning' as const };
|
||||
default:
|
||||
return { text: 'text-gray-400', surface: 'muted' as const, icon: '#9ca3af' };
|
||||
return { text: 'low' as const, surface: 'rarity-common' as const, iconIntent: 'low' as const };
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user