fix: separate station/battle opacity

Author: Mygod

src/features/station/useStationMarker.js

@@ -18,6 +18,7 @@ export function useStationMarker({
   battle_pokemon_gender,
   battle_pokemon_id,
   battle_pokemon_bread_mode,
+  battle_end,
   start_time,
   end_time,
 }) {
@@ -50,8 +51,9 @@ export function useStationMarker({
     ]
   }, basicEqualFn)
   const [stationMod, battleMod] = Icons.getModifiers('station', 'dynamax')
-  const dynamicOpacity = useOpacity('stations')(end_time)
-  const opacity = isInactive ? 0.3 : dynamicOpacity
+  const getOpacity = useOpacity('stations')
+  const stationOpacity = isInactive ? 0.3 : getOpacity(end_time)
+  const battleOpacity = getOpacity(battle_end)
   const isActive =
     !isInactive &&
     !!battle_pokemon_id &&
@@ -75,7 +77,7 @@ export function useStationMarker({
         style="
           width: ${baseSize}px;
           height: ${baseSize}px;
-          opacity: ${opacity};
+          opacity: ${stationOpacity};
           bottom: ${2 + stationMod.offsetY}px;
           left: ${stationMod.offsetX * 50}%;
           transform: translateX(-50%);
@@ -88,7 +90,7 @@ export function useStationMarker({
             src="${battleIcon}"
             alt="${battleIcon}"
             style="
-            opacity: ${opacity};
+            opacity: ${battleOpacity};
             width: ${battleSize}px;
             height: ${battleSize}px;
             bottom: ${baseSize * 0.8 * battleMod.offsetY}px;