現在地アイコン表示機能設置準備

components/ActionSheetComponents/EachTrainInfo.js

@@ -28,6 +28,31 @@ export const EachTrainInfo = ({
 }) => {
   const [trainData, setTrainData] = useState([]);
   const [isTop, setIsTop] = useState(true);
+  const [currentPosition, setCurrentPosition] = useState([]);
+
+  const getStationData = (stationName) => {
+    const Stations = stationList.map((a) =>
+      a.filter((d) => d.StationName == stationName)
+    );
+    const Station =
+      Stations &&
+      Stations.reduce((newArray, e) => {
+        return newArray.concat(e);
+      }, []);
+    if (!Station[0]) return [];
+    return Station.map((d) => d.StationNumber)[0];
+  };
+  useEffect(() => {
+    //data.trainData.Pos = "鴨川～端岡"; //test
+    if (!data.trainData?.Pos) return;
+    if (data.trainData?.Pos.match("～")) {
+      const pos = data.trainData?.Pos.split("～");
+      setCurrentPosition([getStationData(pos[0]), getStationData(pos[1])]);
+    } else {
+      setCurrentPosition([getStationData(data.trainData?.Pos)]);
+    }
+  }, [data.trainData]);
+
   const stationList =
     originalStationList &&
     lineList.map((d) =>
@@ -36,6 +61,25 @@ export const EachTrainInfo = ({
         StationName: a.Station_JP,
       }))
     );
+  const stopStationIDList = trainData.map((i, index) => {
+    const [station, se, time] = i.split(",");
+    const Stations = stationList.map((a) =>
+      a.filter((d) => d.StationName == station)
+    );
+    const StationNumbers =
+      Stations &&
+      Stations.reduce((newArray, e) => {
+        return newArray.concat(e);
+      }, [])
+        .filter((d) => d.StationNumber)
+        .map((d) => d.StationNumber);
+    return StationNumbers[0];
+  });
+  console.log(
+    currentPosition.map((d) => {
+      return stopStationIDList.indexOf(d);
+    })
+  );
 
   useEffect(() => {
     console.log(data);
@@ -134,8 +178,8 @@ export const EachTrainInfo = ({
               margin: 10,
             }}
           >
-            <Text style={{ fontSize: 10, color: "#0099CC" }} t>
-              現在地
+            <Text style={{ fontSize: 15, color: "#0099CC" }}>
+              現在地 {currentPosition.toString()}
             </Text>
             <View style={{ flex: 1 }} />
             {data.trainData?.Pos && data.trainData?.Pos.match("～") ? (
@@ -178,7 +222,7 @@ export const EachTrainInfo = ({
                 margin: 10,
               }}
             >
-              <Text style={{ fontSize: 10, color: "#0099CC" }}>
+              <Text style={{ fontSize: 15, color: "#0099CC" }}>
                 {isNaN(data.trainData?.delay) ? "状態" : "遅延時分"}
               </Text>
               <View style={{ flex: 1 }} />
@@ -202,7 +246,7 @@ export const EachTrainInfo = ({
                 margin: 10,
               }}
             >
-              <Text style={{ fontSize: 10, color: "#0099CC" }}>列番</Text>
+              <Text style={{ fontSize: 15, color: "#0099CC" }}>列番</Text>
               <Text
                 style={{
                   fontSize: 32,
@@ -329,6 +373,11 @@ export const EachTrainInfo = ({
                         <Text style={{ fontSize: 20 }}>{station}</Text>
                         <View style={{ flex: 1 }} />
                         <Text style={{ fontSize: 20 }}>
+                          {/* {StationNumbers.length != 0 &&
+                            (StationNumbers.includes(currentPosition[0])
+                              ? "にゃーん"
+                              : "ほげ")}
+                          {currentPosition} */}
                           {time} {se}
                         </Text>
                       </View>