44 LOCATIONS ,
55 canAffordLocation ,
66 formatCooldownTime ,
7- getElementalCooldownHours ,
87 getElementalCooldownRemaining ,
98 getElementalData ,
109 isElementalOnCooldown ,
@@ -720,20 +719,20 @@ const BattleComponent: React.FC<BattleComponentProps> = ({
720719 ? '2px solid var(--secondary-gold)'
721720 : 'none' ,
722721 outlineOffset : isFocused && showFocusOutlines ? '2px' : '0' ,
723- '--rarity-color' :
722+ '--rarity-color' :
724723 elemental . rarity === 'common' ? '#6b7280' :
725- elemental . rarity === 'rare' ? '#3b82f6' :
726- elemental . rarity === 'epic' ? '#8b5cf6' :
727- '#f59e0b' ,
724+ elemental . rarity === 'rare' ? '#3b82f6' :
725+ elemental . rarity === 'epic' ? '#8b5cf6' :
726+ '#f59e0b' ,
728727 '--rarity-glow' :
729728 elemental . rarity === 'common' ? '#9ca3af' :
730- elemental . rarity === 'rare' ? '#60a5fa' :
731- elemental . rarity === 'epic' ? '#a78bfa' :
732- '#fbbf24'
729+ elemental . rarity === 'rare' ? '#60a5fa' :
730+ elemental . rarity === 'epic' ? '#a78bfa' :
731+ '#fbbf24'
733732 } as React . CSSProperties }
734733 >
735734 < div className = 'elemental-battle-card' >
736- < img
735+ < img
737736 src = { `${ process . env . PUBLIC_URL } /resources/elmental/${ selectedElement === 'fire' ? 'Fire' : selectedElement === 'water' ? 'Water' : 'Earth' } _${ elemental . rarity === 'common' ? 'Common' : elemental . rarity === 'rare' ? 'Rare' : elemental . rarity === 'epic' ? 'Epic' : 'Immortal' } .png` }
738737 alt = { elementalData . name }
739738 className = 'elemental-battle-image'
@@ -747,7 +746,7 @@ const BattleComponent: React.FC<BattleComponentProps> = ({
747746 }
748747 } }
749748 />
750- < div className = 'elemental-battle-placeholder' style = { { display : 'none' } } >
749+ < div className = 'elemental-battle-placeholder' style = { { display : 'none' } } >
751750 { elementalData . emoji }
752751 </ div >
753752 < div className = 'elemental-battle-rarity' >
0 commit comments