列車名修正

components/ActionSheetComponents/EachTrainInfo.js

@@ -11,10 +11,10 @@ import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
 import ActionSheet from "react-native-actions-sheet";
 import LottieView from "lottie-react-native";
 import trainList from "../../assets/originData/trainList";
-export const EachTrainInfo = (props) => {
+
-  const { setRef, data } = props;
+export const EachTrainInfo = ({ setRef, data }) => {
-  console.log(data);
   const [trainData, setTrainData] = useState([]);
+
   useEffect(() => {
     if (!data.trainNum) return;
     const TD = trainList[data.trainNum];
@@ -25,6 +25,21 @@ export const EachTrainInfo = (props) => {
     console.log(TD);
     setTrainData(TD.split("#"));
   }, [data]);
+  const getType = (string) => {
+    switch (string) {
+      case "express":
+        return "特急";
+      case "rapid":
+        return "快速";
+      default:
+        return "";
+    }
+  };
+
+  const migrateTrainName = (string) => {
+    return string.replace("マリン", "マリンライナー");
+  };
+
   return (
     <ActionSheet ref={setRef} gestureEnabled CustomHeaderComponent={<></>}>
       <View
@@ -51,7 +66,10 @@ export const EachTrainInfo = (props) => {
           style={{ padding: 10, flexDirection: "row", alignItems: "center" }}
         >
           <Text style={{ fontSize: 20, fontWeight: "bold", color: "white" }}>
-            {data.limited ? data.limited : ""}
+            {data.limited
+              ? getType(data.limited.split(":")[0]) +
+                migrateTrainName(data.limited.split(":")[1] || "普通")
+              : ""}
           </Text>
           <View style={{ flex: 1 }} />
           <Text style={{ fontSize: 20, fontWeight: "bold", color: "white" }}>