長押しメニューにランダムテーマ切り替え機能を追加

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: TinyKitten

assets/translations/en.json

@@ -285,5 +285,7 @@
   "presetNamePlaceholder": "Preset name",
   "save": "Save",
   "selectStartStationTitle": "Select starting station",
-  "departure": "Dep."
+  "departure": "Dep.",
+  "randomTheme": "Random Theme",
+  "randomThemeChanged": "Theme changed to \"%{themeName}\""
 }

assets/translations/ja.json

@@ -286,5 +286,7 @@
   "presetNamePlaceholder": "プリセット名",
   "save": "保存",
   "selectStartStationTitle": "始発駅を選択",
-  "departure": "始発"
+  "departure": "始発",
+  "randomTheme": "ランダムテーマ",
+  "randomThemeChanged": "テーマを「%{themeName}」に変更しました"
 }

src/components/Permitted.tsx

@@ -31,15 +31,29 @@ import {
   useFeedback,
   useWarningInfo,
 } from '../hooks';
-import type { AppTheme } from '../models/Theme';
+import { APP_THEME, type AppTheme } from '../models/Theme';
 import navigationState from '../store/atoms/navigation';
 import speechState from '../store/atoms/speech';
 import stationState from '../store/atoms/station';
 import { themeAtom } from '../store/atoms/theme';
 import { isJapanese, translate } from '../translation';
+import { showToast } from '../utils/toast';
 import NewReportModal from './NewReportModal';
 import WarningPanel from './WarningPanel';
 
+const THEME_LABEL_KEYS: Record<AppTheme, string> = {
+  [APP_THEME.TOKYO_METRO]: 'tokyoMetroLike',
+  [APP_THEME.YAMANOTE]: 'yamanoteLineLike',
+  [APP_THEME.JR_WEST]: 'jrWestLike',
+  [APP_THEME.TY]: 'tyLike',
+  [APP_THEME.SAIKYO]: 'saikyoLineLike',
+  [APP_THEME.TOEI]: 'toeiLike',
+  [APP_THEME.LED]: 'ledLike',
+  [APP_THEME.JO]: 'joLike',
+  [APP_THEME.JL]: 'jlLike',
+  [APP_THEME.JR_KYUSHU]: 'jrKyushuLike',
+};
+
 type Props = {
   children: React.ReactNode;
 };
@@ -51,7 +65,7 @@ const PermittedLayout: React.FC<Props> = ({ children }: Props) => {
   const setNavigation = useSetAtom(navigationState);
   const setSpeech = useSetAtom(speechState);
   const setTuning = useSetAtom(tuningState);
-  const setTheme = useSetAtom(themeAtom);
+  const [currentTheme, setTheme] = useAtom(themeAtom);
   const [reportModalShow, setReportModalShow] = useAtom(reportModalVisibleAtom);
   const [sendingReport, setSendingReport] = useState(false);
   const [screenShotBase64, setScreenShotBase64] = useState('');
@@ -130,6 +144,33 @@ const PermittedLayout: React.FC<Props> = ({ children }: Props) => {
     }
   }, [isAppLatest, setReportModalShow]);
 
+  const handleRandomTheme = useCallback(async () => {
+    const allThemes = Object.values(APP_THEME);
+    const otherThemes = allThemes.filter((t) => t !== currentTheme);
+    const randomTheme =
+      otherThemes[Math.floor(Math.random() * otherThemes.length)];
+
+    if (!randomTheme) {
+      return;
+    }
+
+    setTheme(randomTheme);
+    try {
+      await AsyncStorage.setItem(
+        ASYNC_STORAGE_KEYS.PREVIOUS_THEME,
+        randomTheme
+      );
+    } catch (error) {
+      console.error(error);
+    }
+
+    const themeName = translate(THEME_LABEL_KEYS[randomTheme]);
+    showToast({
+      type: 'success',
+      text1: translate('randomThemeChanged', { themeName }),
+    });
+  }, [currentTheme, setTheme]);
+
   const handleShare = useCallback(async () => {
     const captureError = (err: unknown) => {
       console.error(err);
@@ -216,6 +257,10 @@ const PermittedLayout: React.FC<Props> = ({ children }: Props) => {
               label: translate('share'),
               handler: handleShare,
             },
+            {
+              label: translate('randomTheme'),
+              handler: handleRandomTheme,
+            },
             {
               label: translate('report'),
               handler: handleReport,
@@ -226,6 +271,10 @@ const PermittedLayout: React.FC<Props> = ({ children }: Props) => {
               label: translate('share'),
               handler: handleShare,
             },
+            {
+              label: translate('randomTheme'),
+              handler: handleRandomTheme,
+            },
             {
               label: translate('report'),
               handler: handleReport,
@@ -286,6 +335,7 @@ const PermittedLayout: React.FC<Props> = ({ children }: Props) => {
     },
     [
       devOverlayEnabled,
+      handleRandomTheme,
       handleReport,
       handleShare,
       navigation,