diff --git a/components/ActionSheetComponents/JRSTraInfo.js b/components/ActionSheetComponents/JRSTraInfo.js
new file mode 100644
index 0000000..a333206
--- /dev/null
+++ b/components/ActionSheetComponents/JRSTraInfo.js
@@ -0,0 +1,167 @@
+import React, { Component, useRef, useState, useEffect } from "react";
+import {
+ StatusBar,
+ Platform,
+ View,
+ LayoutAnimation,
+ ScrollView,
+ Linking,
+ Text,
+ TouchableOpacity,
+} from "react-native";
+import Image from "react-native-remote-svg";
+import Constants from "expo-constants";
+import { List, ListItem } from "native-base";
+import Icon from "react-native-vector-icons/Entypo";
+import * as Location from "expo-location";
+import StatusbarDetect from "../../StatusbarDetect";
+var Status = StatusbarDetect();
+import { useNavigation } from "@react-navigation/native";
+import AutoHeightImage from "react-native-auto-height-image";
+import {
+ widthPercentageToDP as wp,
+ heightPercentageToDP as hp,
+} from "react-native-responsive-screen";
+import {
+ FontAwesome,
+ Fontisto,
+ Foundation,
+ Ionicons,
+ MaterialCommunityIcons,
+} from "@expo/vector-icons";
+import * as WebBrowser from "expo-web-browser";
+import ActionSheet from "react-native-actions-sheet";
+import LottieView from "lottie-react-native";
+import SvgUri from "react-native-svg-uri";
+export const JRSTraInfo = (props) => {
+ const {
+ JRSTraInfoEXAcSR,
+ getTime,
+ loadingDelayData,
+ setLoadingDelayData,
+ delayData,
+ LottieRef2,
+ } = props;
+ return (
+ {}}
+ >
+
+
+
+
+
+
+ 列車遅延速報EX
+
+
+ {/* {doFetch()}}>
+ 最新の情報へ更新
+ */}
+
+ {getTime
+ ? getTime.toLocaleTimeString("ja-JP").split(":")[0] +
+ ":" +
+ getTime.toLocaleTimeString("ja-JP").split(":")[1]
+ : NaN}{" "}
+
+ {
+ LayoutAnimation.easeInEaseOut(), setLoadingDelayData(true);
+ }}
+ />
+
+
+
+ {loadingDelayData ? (
+
+
+
+ ) : delayData ? (
+ delayData.map((d) => {
+ let data = d.split(" ");
+ return (
+
+
+ {data[0].replace("\n", "")}
+
+ {data[1]}
+ {data[3]}
+
+ );
+ })
+ ) : (
+ 現在、5分以上の遅れはありません。
+ )}
+
+
+
+
+ 列車遅延情報EXについて
+
+
+ 列車遅延情報をJR四国公式列車運行情報より5分毎に取得します。Twitterにて投稿している内容と同一のものとなります。
+
+
+ Linking.openURL("https://twitter.com/JRSTrainfoEX")}
+ >
+
+
+
+ TwitterBOTはこちら！
+
+
+
+ →
+
+
+
+
+
+ );
+};
diff --git a/menu.js b/menu.js
index 1386db1..05694ae 100644
--- a/menu.js
+++ b/menu.js
@@ -48,6 +48,7 @@ import { UsefulBox } from "./components/atom/UsefulBox";
import { TicketBox } from "./components/atom/TicketBox";
import { TextBox } from "./components/atom/TextBox";
import { getStationList } from "./lib/getStationList";
+import { JRSTraInfo } from "./components/ActionSheetComponents/JRSTraInfo";
export default function Menu(props) {
const {
@@ -136,11 +137,6 @@ export default function Menu(props) {
}
}, [location, originalStationList]);
- useEffect(() => {
- console.log("test");
- console.log(currentStation);
- }, [currentStation]);
-
const LottieRef = useRef(null);
const LottieRef2 = useRef(null);
const [count, setCount] = useState(0);
@@ -636,134 +632,14 @@ export default function Menu(props) {
currentStation={currentStation}
originalStationList={originalStationList}
/>
- {}}
- >
-
-
-
-
-
-
- 列車遅延速報EX
-
-
- {/* {doFetch()}}>
- 最新の情報へ更新
- */}
-
- {getTime
- ? getTime.toLocaleTimeString("ja-JP").split(":")[0] +
- ":" +
- getTime.toLocaleTimeString("ja-JP").split(":")[1]
- : NaN}{" "}
-
- {
- LayoutAnimation.easeInEaseOut(), setLoadingDelayData(true);
- }}
- />
-
-
-
- {loadingDelayData ? (
-
-
-
- ) : delayData ? (
- delayData.map((d) => {
- let data = d.split(" ");
- return (
-
-
- {data[0].replace("\n", "")}
-
- {data[1]}
- {data[3]}
-
- );
- })
- ) : (
- 現在、5分以上の遅れはありません。
- )}
-
-
-
-
- 列車遅延情報EXについて
-
-
- 列車遅延情報をJR四国公式列車運行情報より5分毎に取得します。Twitterにて投稿している内容と同一のものとなります。
-
-
-
- Linking.openURL("https://twitter.com/JRSTrainfoEX")
- }
- >
-
-
-
- TwitterBOTはこちら！
-
-
-
- →
-
-
-
-
-
+
);
}