From a8e60e592a9d340d3b8d772bcfb4ff72a5594579 Mon Sep 17 00:00:00 2001
From: Huh Hyeongjun <hhj@devent.kr>
Date: Wed, 26 Feb 2025 16:46:47 +0900
Subject: [PATCH] feat: disable car mode on mobile

---
 src/components/nav/TopNav.tsx | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/components/nav/TopNav.tsx b/src/components/nav/TopNav.tsx
index 7ed3f65..d832961 100644
--- a/src/components/nav/TopNav.tsx
+++ b/src/components/nav/TopNav.tsx
@@ -22,6 +22,9 @@ interface ButtonProps
 
 export function TopNav({ step }: { step: number }) {
   const setThirdMode = useCarStore((state) => state.setThirdMode);
+  const thirdMode = useCarStore((state) => state.thirdMode);
+  const isMobile = /Mobi|Android/i.test(navigator.userAgent);
+
   const [openModal, setOpenModal] = useState(false);
 
   return (
@@ -91,9 +94,25 @@ export function TopNav({ step }: { step: number }) {
             Options
           </NavButton>
 
-          <NavButton isShow={step == 2} onClick={() => setThirdMode(true)}>
-            Car Mode
-          </NavButton>
+          {!isMobile && (
+            <>
+              {thirdMode ? (
+                <NavButton
+                  isShow={step == 2}
+                  onClick={() => setThirdMode(false)}
+                >
+                  Disable Car
+                </NavButton>
+              ) : (
+                <NavButton
+                  isShow={step == 2}
+                  onClick={() => setThirdMode(true)}
+                >
+                  Car Mode
+                </NavButton>
+              )}
+            </>
+          )}
         </div>
       </div>