列車情報の頭に記載する列車名をサーバーから動的に取得変更可能に

components/ActionSheetComponents/EachTrainInfoCore/HeaderText.tsx

@@ -1,8 +1,6 @@
 import React, { CSSProperties, FC, useEffect, useMemo, useState } from "react";
-import { Text, View, LayoutAnimation, TextStyle, TouchableOpacity } from "react-native";
-import { Ionicons } from "@expo/vector-icons";
+import { Text, View, TextStyle, TouchableOpacity } from "react-native";
 import { SheetManager } from "react-native-actions-sheet";
-import { getType } from "../../../lib/eachTrainInfoCoreLib/getType";
 import { migrateTrainName } from "../../../lib/eachTrainInfoCoreLib/migrateTrainName";
 import { TrainIconStatus } from "./trainIconStatus";
 import { TrainViewIcon } from "./trainViewIcon";
@@ -10,6 +8,7 @@ import { OneManText } from "./HeaderTextParts/OneManText";
 import { customTrainDataDetector } from "@/components/custom-train-data";
 import { InfogramText } from "@/components/ActionSheetComponents/EachTrainInfoCore/HeaderTextParts/InfogramText";
 import { useTrainMenu } from "@/stateBox/useTrainMenu";
+import { useAllTrainDiagram } from "@/stateBox/useAllTrainDiagram";
 import { useNotification } from "@/stateBox/useNotifications";
 
 type Props = {
@@ -40,17 +39,21 @@ export const HeaderText: FC<Props> = ({
   tailStation,
   navigate,
   from,
-  scrollHandlers
+  scrollHandlers,
 }) => {
   const { limited, trainNum } = data;
 
   const { updatePermission } = useTrainMenu();
-  const {expoPushToken} = useNotification();
+  const { allCustonTrainData } = useAllTrainDiagram();
+  const { expoPushToken } = useNotification();
 
   // 列車名、種別、フォントの取得
   const [typeName, trainName, fontAvailable, isOneMan, infogram] =
     useMemo(() => {
-      const customTrainData = customTrainDataDetector(trainNum);
+      const customTrainData = customTrainDataDetector(
+        trainNum,
+        allCustonTrainData
+      );
       const [type, fontAvailable, isOneMan] = (() => {
         switch (customTrainData.type) {
           case "LTDEXP":
@@ -123,14 +126,23 @@ export const HeaderText: FC<Props> = ({
     }, [trainData]);
 
   return (
-    <View style={{ padding: 10, flexDirection: "row", alignItems: "center" }}  onTouchStart={()=>scrollHandlers.ref.current?.scrollTo({ y: 0, animated: true })}>
+    <View
+      style={{ padding: 10, flexDirection: "row", alignItems: "center" }}
+      onTouchStart={() =>
+        scrollHandlers.ref.current?.scrollTo({ y: 0, animated: true })
+      }
+    >
       <TrainIconStatus {...{ data, navigate, from }} />
       <TouchableOpacity
         style={{ borderRadius: 5, flexDirection: "row", alignItems: "center" }}
         onLongPress={() => {
           navigate("generalWebView", {
-            uri: "https://jr-shikoku-data-post-system.pages.dev?trainNum=" + trainNum + "&token=" + expoPushToken,
-            useExitButton: false
+            uri:
+              "https://jr-shikoku-data-post-system.pages.dev?trainNum=" +
+              trainNum +
+              "&token=" +
+              expoPushToken,
+            useExitButton: false,
           });
           SheetManager.hide("EachTrainInfo");
         }}