From 2fa28494a1866b51eedb7b471cd472ea9b032d01 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Wed, 5 Nov 2025 07:08:44 -0600
Subject: [PATCH] ensure the selected page is visible when navigating via url
 on mobile

---
 web/src/pages/Settings.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/web/src/pages/Settings.tsx b/web/src/pages/Settings.tsx
index 844329fc7..b230a9c3b 100644
--- a/web/src/pages/Settings.tsx
+++ b/web/src/pages/Settings.tsx
@@ -273,6 +273,9 @@ export default function Settings() {
       } else {
         setPageToggle(page as SettingsType);
       }
+      if (isMobile) {
+        setContentMobileOpen(true);
+      }
     }
     // don't clear url params if we're creating a new object mask
     return !(searchParams.has("object_mask") || searchParams.has("event_id"));
@@ -282,6 +285,9 @@ export default function Settings() {
     const cameraNames = cameras.map((c) => c.name);
     if (cameraNames.includes(camera)) {
       setSelectedCamera(camera);
+      if (isMobile) {
+        setContentMobileOpen(true);
+      }
     }
     // don't clear url params if we're creating a new object mask or trigger
     return !(searchParams.has("object_mask") || searchParams.has("event_id"));