コードの整理

components/発車時刻表/EachData.tsx

@@ -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",
-                headers: {
+              headers: { "Content-Type": "application/json" },
-                  "Content-Type": "application/json",
-                },
               body: JSON.stringify({
                 PosId: currentTrainData?.PosNum,
                 lineName: currentTrainData?.Line,
                 PlatformNum: parseInt(posInput),
                 Description: descInput,
                 StationName: station.Station_JP,
-                  StationId: station.StationNumber
+                StationId: station.StationNumber,
               }),
-              }
+            })
-            );
+              .then(() => {
+                alert("位置情報データを送信しました。");
                 setDialog(false);
                 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);