From 8cbc8c5099ad2bb035c32e6f80fc1cf6383ceff9 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sat, 5 Apr 2025 15:23:39 +0200
Subject: [PATCH] Disable "more" route on desktop

---
 src/App.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index b8a21cb1..f64ef40f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -25,6 +25,7 @@ import { Reader } from '@/modules/reader/screens/Reader.tsx';
 import { AppRoutes } from '@/modules/core/AppRoute.constants.ts';
 import { HistorySettings } from '@/modules/history/screens/HistorySettings.tsx';
 import { useMetadataServerSettings } from '@/modules/settings/services/ServerSettingsMetadata.ts';
+import { MediaQuery } from '@/modules/core/utils/MediaQuery.tsx';
 
 const { Browse } = loadable(() => import('@/modules/browse/screens/Browse.tsx'), lazyLoadFallback);
 const { DownloadQueue } = loadable(() => import('@/modules/downloads/screens/DownloadQueue.tsx'), lazyLoadFallback);
@@ -102,6 +103,7 @@ const BackgroundSubscriptions = () => {
 
 const MainApp = () => {
     const { navBarWidth, appBarHeight, bottomBarHeight } = useNavBarContext();
+    const isMobileWidth = MediaQuery.useIsMobileWidth();
 
     const {
         settings: { hideHistory },
@@ -127,7 +129,7 @@ const MainApp = () => {
                     {/* General Routes */}
                     <Route path={AppRoutes.root.match} element={<Navigate to={AppRoutes.library.path} replace />} />
                     <Route path={AppRoutes.matchAll.match} element={<Navigate to={AppRoutes.root.path} replace />} />
-                    <Route path={AppRoutes.more.match} element={<More />} />
+                    {isMobileWidth && <Route path={AppRoutes.more.match} element={<More />} />}
                     <Route path={AppRoutes.settings.match}>
                         <Route index element={<Settings />} />
                         <Route path={AppRoutes.settings.childRoutes.about.match} element={<About />} />