positionBoxの移動

components/ActionSheetComponents/EachTrainInfo/TrainDataView.js

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { View, TouchableOpacity, useWindowDimensions } from "react-native";
 import { StateBox } from "./StateBox";
+import { PositionBox } from "./PositionBox";
 import { useDeviceOrientationChange } from "../../../stateBox/useDeviceOrientationChange";
 import { getStationList2 } from "../../../lib/getStationList";
 import { useCurrentTrain } from "../../../stateBox/useCurrentTrain";
@@ -53,14 +54,6 @@ export const TrainDataView = ({
     getStationList2().then(setMapsStationData);
   }, []);
   const onLine = !!currentPosition?.toString().length;
-  const trainPositionText = (trainData) => {
-    const { isBetween, Pos: PosData } = trainPosition(trainData);
-    const { from, to, Pos } = PosData;
-    if (isBetween === true) return `${from}～${to}`;
-    if (Pos == "") return "";
-    if (platformNumber) return `${Pos} ${platformNumber}番乗り場`;
-    if (lineNumber) return `${Pos} ${lineNumber}番線`;
-  };
   const [dialog, setDialog] = useState(false);
   const [deleteDialog, setDeleteDialog] = useState(false);
   const [posInput, setPosInput] = useState("");
@@ -148,10 +141,12 @@ export const TrainDataView = ({
             SheetManager.hide("EachTrainInfo");
           }}
         >
-          <StateBox
+          <PositionBox
             mode={mode}
             title={`現在地 ${currentPosition?.toString()}${onLine ? "▶️" : ""}`}
-            text={trainPositionText(currentTrainData)}
+            currentTrainData={currentTrainData}
+            platformNumber={platformNumber}
+            lineNumber={lineNumber}
             endText={platformDescription ? `${platformDescription}` : ""}
             style={
               onLine