説明文など微調整

components/Menu/FixedContentBottom.js

@@ -270,27 +270,7 @@ export const FixedContentBottom = (props) => {
           データベースに存在する全列車のダイヤを探索
         </Text>
       </TextBox>
-      <Text style={{ fontWeight: "bold", fontSize: 20 }}>
+      <Text style={{ fontWeight: "bold", fontSize: 20 }}>その他</Text>
-        このアプリについて
-      </Text>
-      <Text>
-        このアプリはXprocess(HARUKIN)が製作しているJR四国の完全非公式アシストアプリケーションです。このアプリに関することでのJR四国公式へ問合せすることはお控えください。以下のTwitterよりお願いします。
-      </Text>
-
-      <TextBox
-        backgroundColor="#CC0000"
-        flex={1}
-        onPressButton={() =>
-          Linking.openURL("https://twitter.com/Xprocess_main")
-        }
-      >
-        <Text style={{ color: "white", fontWeight: "bold", fontSize: 20 }}>
-          XprocessのTwitter
-        </Text>
-        <Text style={{ color: "white", fontSize: 18 }}>
-          制作運営のTwitterです。
-        </Text>
-      </TextBox>
       <TextBox
         backgroundColor="black"
         flex={1}

components/Settings/FavoriteSettings.js

@@ -58,6 +58,15 @@ export const FavoriteSettings = ({ navigate }) => {
           />
         ))}
       </ScrollView>
+      <Text
+        style={{
+          backgroundColor: "white",
+          borderWidth: 1,
+          borderStyle: "solid",
+        }}
+      >
+        お気に入り登録した駅を並び替えることができます。一番上に置いた駅が位置情報の起動時に表示されます。(移動不可能な駅の場合エラーが発生します。任意指定が可能になる機能を開発予定です。)
+      </Text>
     </View>
   );
 };

components/Settings/SettingTopPage.js

@@ -239,6 +239,24 @@ export const SettingTopPage = ({
             >
               開発情報
             </Text>
+
+            <View style={{ flex: 1 }} />
+          </ListItem>
+          <ListItem
+            style={{ flexDirection: "row" }}
+            onPress={() => Linking.openURL("https://twitter.com/Xprocess_main")}
+          >
+            <Text
+              style={{
+                fontSize: 20,
+                alignItems: "center",
+                alignContent: "center",
+                textAlign: "center",
+                textAlignVertical: "center",
+              }}
+            >
+              運営Twitter
+            </Text>
             <View style={{ flex: 1 }} />
           </ListItem>
           <ListItem style={{ flexDirection: "row" }} onPress={() => testNFC()}>

components/Settings/WidgetSettings.js

@@ -90,13 +90,18 @@ export const WidgetSettings = ({ navigate }) => {
               margin: 10,
             }}
           >
-            <WidgetPreview
+            {Object.keys(nameToWidget).map((Name) => {
-              renderWidget={() => (
+              const Data = nameToWidget[Name];
-                <TraInfoEXWidget time={time} delayString={delayString} />
+              return (
-              )}
+                <WidgetPreview
-              width={400}
+                  renderWidget={() => (
-              height={250}
+                    <Data time={time} delayString={delayString} />
-            />
+                  )}
+                  width={400}
+                  height={250}
+                />
+              );
+            })}
           </View>
         </View>
         <ListItem key={"default"}>
@@ -152,6 +157,15 @@ export const WidgetSettings = ({ navigate }) => {
           </ListItem>
         ))}
       </ScrollView>
+      <Text
+        style={{
+          backgroundColor: "white",
+          borderWidth: 1,
+          borderStyle: "solid",
+        }}
+      >
+        ホーム画面に追加したウィジェットをリストアップします。現状は数を表示するだけですが、ここに各種設定を追加していく予定です。
+      </Text>
     </View>
   );
 };

components/駅名表/Sign.js

@@ -28,6 +28,18 @@ export default function Sign(props) {
     });
     setTestButtonStatus(isFavorite.length == 0 ? false : true);
   }, [favoriteStation, currentStation]);
+  useEffect(() => {
+    const isFavorite = favoriteStation.filter((d) => {
+      const compare = JSON.stringify(d);
+      const current = JSON.stringify(currentStation);
+      if (compare === current) {
+        return true;
+      } else {
+        return false;
+      }
+    });
+    setTestButtonStatus(isFavorite.length == 0 ? false : true);
+  }, [favoriteStation, currentStation]);
 
   useInterval(() => {
     if (currentStation.length == 1) {