chore: simplify station popup further

Author: Mygod

src/features/station/StationPopup.jsx

@@ -13,7 +13,6 @@ import Grid from '@mui/material/Unstable_Grid2'
 import IconButton from '@mui/material/IconButton'
 import Menu from '@mui/material/Menu'
 import MenuItem from '@mui/material/MenuItem'
-import Rating from '@mui/material/Rating'
 import Typography from '@mui/material/Typography'
 import Stack from '@mui/material/Stack'
 import Box from '@mui/material/Box'
@@ -37,7 +36,6 @@ import {
 import { VirtualGrid } from '@components/virtual/VirtualGrid'
 import { getStationDamageBoost } from '@utils/getAttackBonus'
 import { CopyCoords } from '@components/popups/Coords'
-import { PokeMove } from '@components/popups/PokeMove'
 
 import { useGetStationMons } from './useGetStationMons'
 
@@ -103,7 +101,6 @@ function StationHeader({ name }) {
 
 /** @param {import('@rm/types').Station} props */
 function StationRating({
-  battle_level,
   battle_start,
   battle_end,
   is_battle_available,
@@ -123,10 +120,6 @@ function StationRating({
   return (
     <CardContent sx={{ p: 0, py: 1 }}>
       <Stack alignItems="center" justifyContent="center">
-        <Rating value={battle_level} max={Math.max(5, battle_level)} readOnly />
-        <Typography variant="caption">
-          {t(`max_battle_${battle_level}`)}
-        </Typography>
         {showBattleCountdown && (
           <LiveTimeStamp start={isStarting} epoch={epoch} variant="caption" />
         )}
@@ -274,15 +267,11 @@ function StationMedia({
   battle_pokemon_costume,
   battle_pokemon_gender,
   battle_pokemon_bread_mode,
-  battle_pokemon_move_1,
-  battle_pokemon_move_2,
+  battle_level,
   battle_end,
-  start_time,
 }) {
-  const { t } = useTranslateById()
-  const stationImage = useMemory((s) =>
-    s.Icons.getStation(start_time < Date.now() / 1000),
-  )
+  const { t: tById } = useTranslateById()
+  const { t } = useTranslation()
   const battleEndEpoch = battle_end ?? 0
   const isBattleActive = battleEndEpoch > Date.now() / 1000
   const types = useMemory((s) => {
@@ -311,12 +300,17 @@ function StationMedia({
           {!!battle_pokemon_costume && (
             <Box textAlign="center">
               <Typography variant="caption">
-                &nbsp;({t(`costume_${battle_pokemon_costume}`)})
+                &nbsp;({tById(`costume_${battle_pokemon_costume}`)})
               </Typography>
             </Box>
           )}
         </Stack>
-        <Stack alignItems="center" justifyContent="center" spacing={0.5}>
+        <Stack
+          alignItems="center"
+          justifyContent="center"
+          spacing={0.5}
+          width="100%"
+        >
           <Stack
             direction="row"
             justifyContent="space-evenly"
@@ -330,20 +324,15 @@ function StationMedia({
               <PokeType key={type} id={type} size="medium" />
             ))}
           </Stack>
-          {battle_pokemon_move_1 && <PokeMove id={battle_pokemon_move_1} />}
-          {battle_pokemon_move_2 && <PokeMove id={battle_pokemon_move_2} />}
+          {!!battle_level && (
+            <Typography variant="caption" align="center">
+              {t(`max_battle_${battle_level}`)}
+            </Typography>
+          )}
         </Stack>
       </Box>
     </CardMedia>
-  ) : (
-    <Box width="100%" className="flex-center">
-      <CardMedia
-        component="img"
-        src={stationImage}
-        sx={{ maxWidth: 75, maxHeight: 75 }}
-      />
-    </Box>
-  )
+  ) : null
 }
 
 /** @param {import('@rm/types').Station} station */