ヘッダーに追加

components/ActionSheetComponents/EachTrainInfoCore/HeaderText.tsx

@@ -11,6 +11,7 @@ import { useTrainMenu } from "@/stateBox/useTrainMenu";
 import { useAllTrainDiagram } from "@/stateBox/useAllTrainDiagram";
 import { useNotification } from "@/stateBox/useNotifications";
 import { getStringConfig } from "@/lib/getStringConfig";
+import { FontAwesome } from "@expo/vector-icons";
 
 type Props = {
   data: { trainNum: string; limited: string };
@@ -49,9 +50,9 @@ export const HeaderText: FC<Props> = ({
   const { expoPushToken } = useNotification();
 
   // 列車名、種別、フォントの取得
-  const [typeName, trainName, fontAvailable, isOneMan, infogram] =
+  const [typeName, trainName, fontAvailable, isOneMan, infogram, isEdit] =
     useMemo(() => {
-      const { type, trainName, trainNumDistance, infogram } =
+      const { type, trainName, trainNumDistance, infogram, isEdit } =
         customTrainDataDetector(trainNum, allCustomTrainData);
       const [typeString, fontAvailable, isOneMan] = getStringConfig(
         type,
@@ -61,19 +62,19 @@ export const HeaderText: FC<Props> = ({
         case trainName !== "":
           // 特急の場合は、列車名を取得
           // 列番対称データがある場合はそれから列車番号を取得
-          const number =
-            trainNumDistance !== null
-              ? ` ${parseInt(trainNum) - trainNumDistance}号`
-              : "";
           return [
             typeString,
-            trainName + number,
+            trainName +
+              (trainNumDistance !== null
+                ? ` ${parseInt(trainNum) - trainNumDistance}号`
+                : ""),
             fontAvailable,
             isOneMan,
             infogram,
+            isEdit,
           ];
         case trainData[trainData.length - 1] === undefined:
-          return [typeString, "", fontAvailable, isOneMan, infogram];
+          return [typeString, "", fontAvailable, isOneMan, infogram, isEdit];
         default:
           // 行先がある場合は、行先を取得
           return [
@@ -84,6 +85,7 @@ export const HeaderText: FC<Props> = ({
             fontAvailable,
             isOneMan,
             infogram,
+            isEdit
           ];
       }
     }, [trainData]);
@@ -99,14 +101,8 @@ export const HeaderText: FC<Props> = ({
       <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,
-          });
+          const uri = `https://jr-shikoku-data-post-system.pages.dev?trainNum=${trainNum}&token=${expoPushToken}`;
+          navigate("generalWebView", { uri, useExitButton: false });
           SheetManager.hide("EachTrainInfo");
         }}
         disabled={!updatePermission}
@@ -125,6 +121,7 @@ export const HeaderText: FC<Props> = ({
         {isOneMan && <OneManText />}
         <Text style={textConfig}>{trainName}</Text>
         <InfogramText infogram={infogram} />
+        {isEdit &&<FontAwesome name="commenting-o" size={20} color="white" style={{ marginLeft: 5 }} onPress={()=>alert("このアイコン、列車データはコミュニティによってリアルタイム追加されています。")} />}
       </TouchableOpacity>
 
       <View style={{ flex: 1 }} />