列番を並び替え、列車リンク表示機能等を実装

components/ActionSheetComponents/EachTrainInfo/TrainDataView.tsx

@@ -10,6 +10,8 @@ import { trainPosition } from "../../../lib/trainPositionTextArray";
 import { StationPosPushDialog } from "../../発車時刻表/LED_inside_Component/TrainPositionDataPush";
 import { getStationID } from "../../../lib/eachTrainInfoCoreLib/getStationData";
 import { useStationList } from "../../../stateBox/useStationList";
+import { useAllTrainDiagram } from "@/stateBox/useAllTrainDiagram";
+import { customTrainDataDetector } from "@/components/custom-train-data";
 
 export const TrainDataView = ({
   currentTrainData,
@@ -24,6 +26,8 @@ export const TrainDataView = ({
   const { width, height } = useWindowDimensions();
   const { isLandscape } = useDeviceOrientationChange();
   const { inject } = useCurrentTrain();
+
+  const { allCustomTrainData } = useAllTrainDiagram();
   const [mapsStationData, setMapsStationData] = useState(undefined);
 
   const [platformNumber, setPlatformNumber] = useState();
@@ -72,6 +76,14 @@ export const TrainDataView = ({
   }, []);
   const onLine = !!currentPosition?.toString().length;
 
+  const [trainNumber, setTrainNumber] = useState(currentTrainData?.num);
+  useEffect(() => {
+    const {
+      TrainNumberOverride,
+    } = customTrainDataDetector(currentTrainData?.num, allCustomTrainData);
+    if (!TrainNumberOverride) return;
+    setTrainNumber(TrainNumberOverride);
+  }, [currentTrainData?.num, allCustomTrainData]);
   // 投稿システム関係
   // Dialog表示関係
   const [dialog, setDialog] = useState(false);
@@ -88,7 +100,6 @@ export const TrainDataView = ({
   const [descInput, setDescInput] = useState<string>("");
 
   const openEditWindow = () => {
-
     const { isBetween, Pos } = trainPosition(currentTrainData);
     if (isBetween === true) return;
     //固定値
@@ -193,7 +204,7 @@ export const TrainDataView = ({
             }}
           >
             {nearTrainIDList.length == 0 ? (
-              <StateBox mode={mode} title="列番" text={currentTrainData?.num} />
+              <StateBox mode={mode} title="列番" text={trainNumber} />
             ) : (
               <StateBox
                 mode={mode}