feat: disable car mode on mobile
This commit is contained in:
parent
333d200030
commit
a8e60e592a
|
|
@ -22,6 +22,9 @@ interface ButtonProps
|
||||||
|
|
||||||
export function TopNav({ step }: { step: number }) {
|
export function TopNav({ step }: { step: number }) {
|
||||||
const setThirdMode = useCarStore((state) => state.setThirdMode);
|
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);
|
const [openModal, setOpenModal] = useState(false);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
@ -91,9 +94,25 @@ export function TopNav({ step }: { step: number }) {
|
||||||
Options
|
Options
|
||||||
</NavButton>
|
</NavButton>
|
||||||
|
|
||||||
<NavButton isShow={step == 2} onClick={() => setThirdMode(true)}>
|
{!isMobile && (
|
||||||
Car Mode
|
<>
|
||||||
</NavButton>
|
{thirdMode ? (
|
||||||
|
<NavButton
|
||||||
|
isShow={step == 2}
|
||||||
|
onClick={() => setThirdMode(false)}
|
||||||
|
>
|
||||||
|
Disable Car
|
||||||
|
</NavButton>
|
||||||
|
) : (
|
||||||
|
<NavButton
|
||||||
|
isShow={step == 2}
|
||||||
|
onClick={() => setThirdMode(true)}
|
||||||
|
>
|
||||||
|
Car Mode
|
||||||
|
</NavButton>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue