コードの整理

components/発車時刻表/EachData.tsx

@@ -44,13 +44,13 @@ export const EachData: FC<Props> = (props) => {
   const { currentTrain } = useCurrentTrain();
   const { originalStationList } = useStationList();
   const stationList =
-  originalStationList &&
+    originalStationList &&
-  lineList.map((d) =>
+    lineList.map((d) =>
-    originalStationList[d].map((a) => ({
+      originalStationList[d].map((a) => ({
-      StationNumber: a.StationNumber,
+        StationNumber: a.StationNumber,
-      StationName: a.Station_JP,
+        StationName: a.Station_JP,
-    }))
+      }))
-  );
+    );
   const openTrainInfo = (d: {
     train: string;
     lastStation: string;
@@ -137,12 +137,7 @@ export const EachData: FC<Props> = (props) => {
   const [stationNumberInput, setStationNumberInput] = useState("");
   return (
     <>
-      <Dialog
+      <Dialog isVisible={dialog} onBackdropPress={() => setDialog(false)}>
-        isVisible={dialog}
-        onBackdropPress={() => {
-          setDialog(false);
-        }}
-      >
         <Text>路線: {currentTrainData?.Line}</Text>
         <Text>地点ID: {currentTrainData?.PosNum}</Text>
         <Text>駅名: {stationInput}</Text>
@@ -162,25 +157,27 @@ export const EachData: FC<Props> = (props) => {
         <Button
           title="送信"
           onPress={() => {
-            fetch(
+            fetch(`https://n8n.haruk.in/webhook/JR-shikoku-PosID`, {
-              `https://n8n.haruk.in/webhook/JR-shikoku-PosID`,{
+              method: "POST",
-                method: "POST",
+              headers: { "Content-Type": "application/json" },
-                headers: {
+              body: JSON.stringify({
-                  "Content-Type": "application/json",
+                PosId: currentTrainData?.PosNum,
-                },
+                lineName: currentTrainData?.Line,
-                body: JSON.stringify({
+                PlatformNum: parseInt(posInput),
-                  PosId: currentTrainData?.PosNum,
+                Description: descInput,
-                  lineName: currentTrainData?.Line,
+                StationName: station.Station_JP,
-                  PlatformNum: parseInt(posInput),
+                StationId: station.StationNumber,
-                  Description: descInput,
+              }),
-                  StationName: station.Station_JP,
+            })
-                  StationId: station.StationNumber
+              .then(() => {
-                }),
+                alert("位置情報データを送信しました。");
-              }
+                setDialog(false);
-            );
+                setPosInput("");
-            setDialog(false);
+                setDescInput("");
-            setPosInput("");
+              })
-            setDescInput("");
+              .catch(() => {
+                alert("位置情報データの送信に失敗しました。");
+              });
           }}
         />
       </Dialog>
@@ -220,7 +217,9 @@ export const EachData: FC<Props> = (props) => {
             const { isBetween, Pos } = trainPosition(currentTrainData);
             if (isBetween === true) return;
             setStationInput(Pos.Pos);
-            setStationNumberInput(getStationID(currentTrainData?.Pos, stationList));
+            setStationNumberInput(
+              getStationID(currentTrainData?.Pos, stationList)
+            );
             setDescInput(platformDescription || "");
             setPosInput(platformNumber?.toString() || "");
             setDialog(true);