From c76d2996aa994714427fc1cf0b7578fa9b935b16 Mon Sep 17 00:00:00 2001
From: harukin-expo-dev-env <harukin@haruk.in>
Date: Wed, 27 Mar 2024 12:07:21 +0000
Subject: [PATCH] =?UTF-8?q?=E3=82=B9=E3=82=A4=E3=83=83=E3=83=81=E3=81=AE?=
 =?UTF-8?q?=E6=95=B4=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Settings/LayoutSettings.js | 50 +++++++++++++++++++++------
 1 file changed, 40 insertions(+), 10 deletions(-)

diff --git a/components/Settings/LayoutSettings.js b/components/Settings/LayoutSettings.js
index 9bdd2ae..b5e4724 100644
--- a/components/Settings/LayoutSettings.js
+++ b/components/Settings/LayoutSettings.js
@@ -1,6 +1,7 @@
 import React from "react";
 import { View, Text, TouchableOpacity, ScrollView } from "react-native";
 import { SwitchArea } from "../atom/SwitchArea";
+import { CheckBox } from "react-native-elements";
 
 export const LayoutSettings = ({
   navigate,
@@ -87,11 +88,14 @@ export const LayoutSettings = ({
             falseImage={require("../../assets/configuration/station_default.jpg")}
             trueImage={require("../../assets/configuration/station_original.jpg")}
           />
-          <SwitchArea
-            str="時刻表PDFをアプリ外で表示"
-            bool={usePDFView}
-            setBool={setUsePDFView}
-          />
+          {stationMenu == "true" && (
+            <SimpleSwitch
+              bool={usePDFView}
+              setBool={setUsePDFView}
+              color="red"
+              str="時刻表PDFをアプリの外で表示する"
+            />
+          )}
           <SwitchArea
             str="列車メニュー"
             bool={trainMenu}
@@ -101,13 +105,39 @@ export const LayoutSettings = ({
             falseImage={require("../../assets/configuration/train_default.jpg")}
             trueImage={require("../../assets/configuration/train_original.jpg")}
           />
-          <SwitchArea
-            str="列車現在位置表示(alpha)"
-            bool={trainPosition}
-            setBool={setTrainPosition}
-          />
+          {trainMenu == "true" && (
+            <SimpleSwitch
+              bool={trainPosition}
+              setBool={setTrainPosition}
+              color="red"
+              str="列車の現在位置をアイコン表示"
+            />
+          )}
         </View>
       </ScrollView>
     </View>
   );
 };
+
+const SimpleSwitch = ({ bool, setBool, str }) => (
+  <View style={{ flexDirection: "row" }}>
+    <CheckBox
+      checked={bool == "true" ? true : false}
+      checkedColor="red"
+      onPress={() => setBool(bool == "true" ? "false" : "true")}
+    />
+    <Text
+      style={{
+        fontSize: 22,
+        alignItems: "center",
+        alignContent: "center",
+        textAlign: "center",
+        textAlignVertical: "center",
+        padding: 0,
+        margin: 0,
+      }}
+    >
+      {str}
+    </Text>
+  </View>
+);