diff --git a/src/svgs/gzmtr/runin/via-station.tsx b/src/svgs/gzmtr/runin/via-station.tsx index f2f85e63..5be49fa1 100644 --- a/src/svgs/gzmtr/runin/via-station.tsx +++ b/src/svgs/gzmtr/runin/via-station.tsx @@ -39,16 +39,28 @@ const ViaStation = forwardRef(function ViaStation( {lines?.length && ( <> - - + + {lines.map(({ theme }, i) => ( + + ))} + + {lines.map((line, i) => ( + + ))} )} diff --git a/src/svgs/gzmtr/runin/via-stations.tsx b/src/svgs/gzmtr/runin/via-stations.tsx index 25b035e9..144d7aba 100644 --- a/src/svgs/gzmtr/runin/via-stations.tsx +++ b/src/svgs/gzmtr/runin/via-stations.tsx @@ -11,13 +11,9 @@ export default function ViaStations({ viaStations, stationList }: ViaStationsPro const stationsRef = useRef<(SVGGElement | null)[]>([]); const [stationHeights, setStationHeights] = useState([]); - useEffect(() => { - stationsRef.current = []; - }, [viaStations, stationList]); - useEffect(() => { setStationHeights(stationsRef.current.map(el => el?.getBBox()?.height ?? 0)); - }, [stationsRef.current]); + }, [viaStations, stationsRef.current]); const getHeightsUpTo = useCallback( (index: number) => {