現在地テキスト表示関連の機能を統合化

components/ActionSheetComponents/EachTrainInfo/TrainDataView.js

@@ -5,6 +5,7 @@ import { useDeviceOrientationChange } from "../../../stateBox/useDeviceOrientati
 import { getStationList2 } from "../../../lib/getStationList2";
 import { useCurrentTrain } from "../../../stateBox/useCurrentTrain";
 import { SheetManager } from "react-native-actions-sheet";
+import { trainPosition } from "../../../lib/trainPositionTextArray";
 
 export const TrainDataView = ({
   currentTrainData,
@@ -16,12 +17,17 @@ export const TrainDataView = ({
 }) => {
   const { width, height } = useWindowDimensions();
   const { isLandscape } = useDeviceOrientationChange();
-  const { webview, getCurrentTrain, inject } = useCurrentTrain();
+  const { inject } = useCurrentTrain();
   const [mapsStationData, setMapsStationData] = useState(undefined);
   useEffect(() => {
     getStationList2().then(setMapsStationData);
   }, []);
   const onLine = !!currentPosition?.toString().length;
+  const trainPositionText = (trainData) => {
+    const { isBetween, Pos } = trainPosition(trainData);
+    if (isBetween === true) return `${Pos.from}～${Pos.to}`;
+    else return Pos.Pos == "" ? "" : `${Pos.Pos}`;
+  };
   return (
     <View
       style={{
@@ -60,19 +66,7 @@ export const TrainDataView = ({
         <StateBox
           mode={mode}
           title={`現在地 ${currentPosition?.toString()}${onLine ? "▶️" : ""}`}
-          text={
-            currentTrainData?.Pos.match("～")
-              ? `${
-                  currentTrainData?.Pos.replace("（下り）", "")
-                    .replace("（上り）", "")
-                    .split("～")[currentTrainData?.Direction == 1 ? 0 : 1]
-                }～${
-                  currentTrainData?.Pos.replace("（下り）", "")
-                    .replace("（上り）", "")
-                    .split("～")[currentTrainData?.Direction == 1 ? 1 : 0]
-                }`
-              : currentTrainData?.Pos
-          }
+          text={trainPositionText(currentTrainData)}
           style={
             onLine
               ? { borderWidth: 1, borderColor: "red", borderStyle: "solid" }

components/発車時刻表/EachData.tsx

@@ -11,6 +11,7 @@ import { LastStation } from "./LED_inside_Component/LastStation";
 import { StatusAndDelay } from "./LED_inside_Component/StatusAndDelay";
 import { TrainName } from "./LED_inside_Component/TrainName";
 import { customTrainDataDetector } from "../custom-train-data";
+import { trainDataType, trainPosition } from "../../lib/trainPositionTextArray";
 
 type Props = {
   d: {
@@ -66,11 +67,9 @@ export const EachData: FC<Props> = (props) => {
 
   const getTrainDataFromCurrentTrain = (trainNum: string) => {
     const customTrainData = customTrainDataDetector(d.train);
-    if(customTrainData.type != "Normal") return customTrainData;
-
-    const currentTrainData =  currentTrain.filter((a) => a.num == trainNum);
-    if(currentTrainData.length == 0) return customTrainData;
-
+    if (customTrainData.type != "Normal") return customTrainData;
+    const currentTrainData = currentTrain.filter((a) => a.num == trainNum);
+    if (currentTrainData.length == 0) return customTrainData;
     else if (currentTrainData[0].Type.includes("rapid:")) {
       const typeText = currentTrainData[0].Type.split(":");
       const returnData = {
@@ -83,7 +82,7 @@ export const EachData: FC<Props> = (props) => {
       return returnData;
     }
     return customTrainData;
-  }
+  };
   const [train, setTrain] = useState(getTrainDataFromCurrentTrain(d.train));
   useEffect(() => {
     setTrain(getTrainDataFromCurrentTrain(d.train));
@@ -96,17 +95,11 @@ export const EachData: FC<Props> = (props) => {
     currentTrainData,
     station.Station_JP
   )}`;
-  const trainPositionText = currentTrainData?.Pos.match("～")
-    ? `現在地：${
-        currentTrainData?.Pos.replace("（下り）", "")
-          .replace("（上り）", "")
-          .split("～")[currentTrainData?.Direction == 1 ? 0 : 1]
-      }→${
-        currentTrainData?.Pos.replace("（下り）", "")
-          .replace("（上り）", "")
-          .split("～")[currentTrainData?.Direction == 1 ? 1 : 0]
-      }間を走行中`
-    : `現在地：${currentTrainData?.Pos}`;
+  const trainPositionText = (trainData: trainDataType) => {
+    const { isBetween, Pos } = trainPosition(trainData);
+    if (isBetween === true) return `現在地：${Pos.from}→${Pos.to}間を走行中`;
+    else return Pos.Pos == "" ? "" : `現在地：${Pos.Pos}`;
+  };
   return (
     <>
       <TouchableOpacity
@@ -135,7 +128,9 @@ export const EachData: FC<Props> = (props) => {
       {trainDescriptionSwitch && (
         <Description
           info={`${
-            trainIDSwitch ? currentTrainData?.PosNum : trainPositionText
+            trainIDSwitch
+              ? currentTrainData?.PosNum
+              : trainPositionText(currentTrainData)
           }`}
           onLongClick={() => {
             Linking.openURL(

lib/trainPositionTextArray.ts

@@ -0,0 +1,33 @@
+type returnBetweenType = {
+  isBetween: true;
+  Pos: {
+    from: string;
+    to: string;
+  };
+};
+type returnCurrentType = {
+  isBetween: false;
+  Pos: {
+    Pos: string;
+  };
+};
+export type trainDataType = {
+  Pos?: string;
+  Direction?: number;
+};
+type trainData = (
+  trainData: trainDataType
+) => returnBetweenType | returnCurrentType;
+
+export const trainPosition: trainData = (trainData) => {
+  if (!trainData?.Pos) return { isBetween: false, Pos: { Pos: "" } };
+  const { Pos, Direction } = trainData;
+  if (Pos.match("～")) {
+    const [topST, downST] = Pos.replace("（下り）", "")
+      .replace("（上り）", "")
+      .split("～");
+    const from = Direction == 1 ? topST : downST;
+    const to = Direction == 1 ? downST : topST;
+    return { isBetween: true, Pos: { from, to } };
+  } else return { isBetween: false, Pos: { Pos } };
+};