列車ビューにも位置表示を追加

components/ActionSheetComponents/EachTrainInfo/TrainDataView.js

@@ -19,6 +19,23 @@ export const TrainDataView = ({
   const { isLandscape } = useDeviceOrientationChange();
   const { inject } = useCurrentTrain();
   const [mapsStationData, setMapsStationData] = useState(undefined);
+  
+  const [platformNumber, setPlatformNumber] = useState();
+  const [platformDescription, setPlatformDescription] = useState();
+  useEffect(() => {
+    //currentTrainData.Pos = "鴨川～端岡"; //test
+    if (!currentTrainData) return;
+    fetch(
+      `https://n8n.haruk.in/webhook/JR-shikoku-PosID?PosNum=${currentTrainData?.PosNum}&Line=${currentTrainData?.Line}`
+    )
+      .then((res) => res.json())
+      .then((data) => {
+        setPlatformNumber(data?.type == "Station" ? data?.platform : undefined);
+        setPlatformDescription(
+          data?.type == "Station" ? data?.description : undefined
+        );
+      });
+  }, [currentTrainData]);
   useEffect(() => {
     getStationList2().then(setMapsStationData);
   }, []);
@@ -26,7 +43,7 @@ export const TrainDataView = ({
   const trainPositionText = (trainData) => {
     const { isBetween, Pos } = trainPosition(trainData);
     if (isBetween === true) return `${Pos.from}～${Pos.to}`;
-    else return Pos.Pos == "" ? "" : `${Pos.Pos}`;
+    else return Pos.Pos == "" ? "" : `${Pos.Pos}${platformNumber ? ` ${platformNumber}番線`:""}${platformDescription ? `\n${platformNumber}番線`:""}`;
   };
   return (
     <View