From 69f9f1279f2ed61e252629093e1a569f5011365a Mon Sep 17 00:00:00 2001
From: harukin-expo-dev-env <harukin@haruk.in>
Date: Tue, 21 May 2024 14:44:30 +0000
Subject: [PATCH] =?UTF-8?q?=E3=83=88=E3=82=B0=E3=83=AB=E3=82=B9=E3=82=A4?=
 =?UTF-8?q?=E3=83=83=E3=83=81=E3=81=AE=E5=9B=BA=E5=AE=9A=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/発車時刻表/LED_vidion.js | 47 ++++++++++++++++++++++--
 1 file changed, 44 insertions(+), 3 deletions(-)

diff --git a/components/発車時刻表/LED_vidion.js b/components/発車時刻表/LED_vidion.js
index c7b5596..aeff31a 100644
--- a/components/発車時刻表/LED_vidion.js
+++ b/components/発車時刻表/LED_vidion.js
@@ -13,6 +13,7 @@ import { checkDuplicateTrainData } from "../../lib/checkDuplicateTrainData";
 import { useCurrentTrain } from "../../stateBox/useCurrentTrain";
 import { useAreaInfo } from "../../stateBox/useAreaInfo";
 import { SheetManager } from "react-native-actions-sheet";
+import { AS } from "../../storageControl";
 
 /**
  *
@@ -59,6 +60,31 @@ export default function LED_vision(props) {
   const [trainDescriptionSwitch, setTrainDescriptionSwitch] = useState(false);
   const { areaInfo } = useAreaInfo();
 
+  useEffect(() => {
+    AS.getItem("LEDSettings/trainIDSwitch").then((data) => {
+      console.log(data);
+      if (data == "true") {
+        setTrainIDSwitch(true);
+      } else {
+        setTrainIDSwitch(false);
+      }
+    });
+    AS.getItem("LEDSettings/trainDescriptionSwitch").then((data) => {
+      if (data == "true") {
+        setTrainDescriptionSwitch(true);
+      } else {
+        setTrainDescriptionSwitch(false);
+      }
+    });
+    AS.getItem("LEDSettings/finalSwitch").then((data) => {
+      if (data == "true") {
+        setFinalSwitch(true);
+      } else {
+        setFinalSwitch(false);
+      }
+    });
+  }, []);
+
   useEffect(() => {
     // 現在の駅に停車するダイヤを作成する副作用[列車ダイヤと現在駅情報]
     if (!trainDiagram) {
@@ -288,16 +314,31 @@ const Footer = (props) => {
   return (
     <View style={{ flexDirection: "row", padding: 10, alignItems: "center" }}>
       <Text style={textStyle}>種別名 / 列番</Text>
-      <Switch value={trainIDSwitch} onValueChange={setTrainIDSwitch} />
+      <Switch
+        value={trainIDSwitch}
+        onValueChange={(value) => {
+          AS.setItem("LEDSettings/trainIDSwitch", value.toString());
+          setTrainIDSwitch(value);
+        }}
+      />
       <View style={{ flex: 1 }} />
       <Text style={textStyle}>列車情報</Text>
       <Switch
         value={trainDescriptionSwitch}
-        onValueChange={setTrainDescriptionSwitch}
+        onValueChange={(value) => {
+          AS.setItem("LEDSettings/trainDescriptionSwitch", value.toString());
+          setTrainDescriptionSwitch(value);
+        }}
       />
       <View style={{ flex: 1 }} />
       <Text style={textStyle}>当駅止表示</Text>
-      <Switch value={finalSwitch} onValueChange={setFinalSwitch} />
+      <Switch
+        value={finalSwitch}
+        onValueChange={(value) => {
+          AS.setItem("LEDSettings/finalSwitch", value.toString());
+          setFinalSwitch(value);
+        }}
+      />
     </View>
   );
 };