開発者オーバレイに駅ナンバリングを表示

Author: TinyKitten

src/components/DevOverlay.test.tsx

@@ -102,6 +102,7 @@ describe('DevOverlay', () => {
       id: 1,
       name: 'テスト駅',
       nameRoman: 'Test Station',
+      stationNumbers: [{ stationNumber: 'JK-01' }],
     } as Station);
   });
 
@@ -174,7 +175,7 @@ describe('DevOverlay', () => {
       expect(getByText('NEXT TARGET')).toBeTruthy();
       expect(getByTestId('dev-overlay-next-value')).toHaveTextContent('500m');
       expect(getByTestId('dev-overlay-next-meta')).toHaveTextContent(
-        'テスト駅'
+        'テスト駅 / JK-01'
       );
     });
 

src/components/DevOverlay.tsx

@@ -291,7 +291,12 @@ const DevOverlay: React.FC = () => {
   const versionLabel = `TrainLCD DO ${Application.nativeApplicationVersion}(${Application.nativeBuildVersion})`;
   const telemetryValue = isTelemetryEnabled ? 'ON' : 'OFF';
   const backgroundValue = isBackgroundLocationTracking ? 'ON' : 'OFF';
-  const nextStationMeta = nextStation?.name ?? undefined;
+  const nextStationNumber =
+    nextStation?.stationNumbers?.find((item) => !!item?.stationNumber)
+      ?.stationNumber ?? undefined;
+  const nextStationMeta = [nextStation?.name, nextStationNumber]
+    .filter(Boolean)
+    .join(' / ');
 
   const dim = useWindowDimensions();
   const [panelHeight, setPanelHeight] = useState(0);