diff --git a/src/components/RouteList.tsx b/src/components/RouteList.tsx index 6d2d0ad21..b6e4629f1 100644 --- a/src/components/RouteList.tsx +++ b/src/components/RouteList.tsx @@ -60,9 +60,14 @@ const ItemCell = ({ }, [currentStation?.groupId, item.stops]) const bottomText = useMemo(() => { - return `${item.stops[0]?.name}から${ - item.stops[item.stops.length - 1]?.name - }まで` + if (isJapanese) { + return `${item.stops[0]?.name}から${ + item.stops[item.stops.length - 1]?.name + }まで` + } + return `${item.stops[0]?.nameRoman} - ${ + item.stops[item.stops.length - 1]?.nameRoman + }` }, [item.stops]) return ( diff --git a/src/components/TrainTypeInfoModal.tsx b/src/components/TrainTypeInfoModal.tsx index 3dafca6e0..3741c1f7a 100644 --- a/src/components/TrainTypeInfoModal.tsx +++ b/src/components/TrainTypeInfoModal.tsx @@ -150,7 +150,9 @@ export const TrainTypeInfoModal: React.FC = ({ }} > {!loading && stopStations.length - ? stopStations.map((s) => s.name).join('、') + ? stopStations + .map((s) => (isJapanese ? s.name : s.nameRoman)) + .join('、') : `${translate('loadingAPI')}...`} = ({ flex: 1, }} > - {l.nameShort}:{' '} + {isJapanese ? l.nameShort : l.nameRoman}:{' '} = ({ lineHeight: RFValue(14), }} > - {l.trainType?.name ?? '普通/各駅停車'} + {isJapanese + ? l.trainType?.name ?? '普通/各駅停車' + : l.trainType?.nameRoman ?? 'Local'} ))}