From 49a9d45fd7598db4d867f73f1452f5a76b8d2c8a Mon Sep 17 00:00:00 2001
From: harukin-expo-dev-env <harukin@haruk.in>
Date: Tue, 12 Mar 2024 16:34:41 +0000
Subject: [PATCH] =?UTF-8?q?=E3=83=A1=E3=83=8B=E3=83=A5=E3=83=BC=E3=82=92?=
 =?UTF-8?q?=E3=82=AA=E3=83=BC=E3=83=90=E3=83=BC=E3=83=A9=E3=82=A4=E3=83=89?=
 =?UTF-8?q?=E3=81=99=E3=82=8B=E3=83=A1=E3=83=8B=E3=83=A5=E3=83=BC=E3=82=92?=
 =?UTF-8?q?=E4=BD=9C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Apps.js | 104 ++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 98 insertions(+), 6 deletions(-)

diff --git a/Apps.js b/Apps.js
index 74be89e..a54ff8f 100644
--- a/Apps.js
+++ b/Apps.js
@@ -338,16 +338,108 @@ export default function Apps({ navigation, webview, stationData }) {
           top={Platform.OS == "ios" ? Constants.statusBarHeight : 0}
         />
       )}
-      <ReloadButton
-        onPress={() => webview.current.reload()}
-        top={Platform.OS == "ios" ? Constants.statusBarHeight : 0}
-        right={isLandscape && trainInfo.trainNum ? (width / 100) * 40 : 0}
-        LoadError={LoadError}
-      />
+      {mapSwitch == "true" ? (
+        <ReloadButton
+          onPress={() => Updates.reloadAsync()}
+          top={Platform.OS == "ios" ? Constants.statusBarHeight : 0}
+          right={isLandscape && trainInfo.trainNum ? (width / 100) * 40 : 0}
+          LoadError={LoadError}
+        />
+      ) : (
+        <NewMenu
+          webview={webview}
+          isLandscape={isLandscape}
+          LoadError={LoadError}
+          mapSwitch={mapSwitch}
+        />
+      )}
     </View>
   );
 }
 
+const NewMenu = ({ webview, LoadError }) => {
+  const { width } = useWindowDimensions();
+  return (
+    <View
+      style={{
+        position: "absolute",
+        top: 0,
+        width: width,
+        height: 54,
+        backgroundColor: "#0099CC",
+        borderColor: "white",
+        borderStyle: "solid",
+        borderWidth: 1,
+        alignContent: "center",
+        alignSelf: "center",
+        alignItems: "center",
+        flexDirection: "row",
+      }}
+    >
+      <TouchableOpacity
+        activeOpacity={1}
+        style={{
+          flex: 1,
+          height: 54,
+          backgroundColor: "#0099CC",
+          borderColor: "white",
+          borderStyle: "solid",
+          borderWidth: 1,
+          borderRightWidth: 0,
+          alignContent: "center",
+          alignSelf: "center",
+          alignItems: "center",
+          flexDirection: "row",
+        }}
+        onPress={() => {
+          webview.current?.injectJavaScript(`AccordionClassEvent()`);
+        }}
+      >
+        <>
+          <View
+            style={{
+              width: 54,
+              height: 54,
+              backgroundColor: "#0099CC",
+              borderColor: "white",
+              borderStyle: "solid",
+              borderWidth: 1,
+              alignContent: "center",
+              alignSelf: "center",
+              alignItems: "center",
+            }}
+          >
+            <View style={{ flex: 1 }} />
+            <Ionicons name="menu" color="white" size={30} />
+            <View style={{ flex: 1 }} />
+          </View>
+          <View style={{ flex: 1 }} />
+          <Text style={{ color: "white", fontSize: 20 }}>メニュー</Text>
+          <View style={{ flex: 1 }}></View>
+        </>
+      </TouchableOpacity>
+
+      <TouchableOpacity
+        onPress={() => Updates.reloadAsync()}
+        style={{
+          width: 54,
+          height: 54,
+          backgroundColor: LoadError ? "red" : "#0099CC",
+          borderColor: "white",
+          borderStyle: "solid",
+          borderWidth: 1,
+          alignContent: "center",
+          alignSelf: "center",
+          alignItems: "center",
+        }}
+      >
+        <View style={{ flex: 1 }} />
+        <Ionicons name="reload" color="white" size={30} />
+        <View style={{ flex: 1 }} />
+      </TouchableOpacity>
+    </View>
+  );
+};
 const MapsButton = ({ onPress, top, mapSwitch }) => {
   const styles = {
     touch: {