Use proper is mobile hook instead of calculate ourselves

2026-01-03 00:22:51 +01:00
parent d1217c7ed7
commit f48c3a68f9
1 changed files with 2 additions and 1 deletions
@@ -2,10 +2,11 @@ import { Outlet, useLocation } from 'react-router-dom';
 import { motion } from 'framer-motion';
 import Sidebar from './Sidebar';
 import { MiniOscilloscope } from './MiniOscilloscope';
+import { useIsMobile } from '@/hooks/use-mobile';

 const MainLayout = () => {
  const location = useLocation();
-  const isMobile = typeof window !== 'undefined' && window.innerWidth < 768;
+  const isMobile = useIsMobile();
  // Don't show mini oscilloscope on the oscilloscope page itself
  const showMiniOscilloscope = location.pathname !== '/oscilloscope';
  // Check if on game page and mobile