Function Sidebar

frontend/src/components/sidebar.tsx:25–319

()

import toggleFullscreen from '@/utils/toggle-fullscreen';

export function Sidebar() {
  const [darkMode, setDarkMode] = useState(false);
  const [isCollapsed, setIsCollapsed] = useState(true);
  const [showNotifications, setShowNotifications] = useState(false);
  const [showLanguageSelector, setShowLanguageSelector] = useState(false);
  const [gamepadConnected, setGamepadConnected] = useState(false);
  const { joystickEnabled, setJoystickEnabled } = useHeader();
  const { state: notificationsState } = useNotifications();
  const { themeColor, setThemeColor } = useTheme();
  const { language, setLanguage, t } = useLanguage();

  // Initialize demo notifications
  useDemoNotifications();

  // Initialize dark mode from DOM
  useEffect(() => {
    const isDark = document.documentElement.classList.contains('dark');
    setDarkMode(isDark);
  }, []);

  // Check for gamepad connectivity
  useEffect(() => {
    const checkGamepads = () => {
      const gamepads = navigator.getGamepads();
      setGamepadConnected(gamepads.some((gamepad) => gamepad !== null));
    };

    // Initial check
    checkGamepads();

    // Event listeners for gamepad connections/disconnections
    const handleGamepadConnected = () => {
      setGamepadConnected(true);
    };

    const handleGamepadDisconnected = () => {
      // We need to check if any gamepads are still connected
      setTimeout(checkGamepads, 100);
    };

    window.addEventListener('gamepadconnected', handleGamepadConnected);
    window.addEventListener('gamepaddisconnected', handleGamepadDisconnected);

    // Regular check for gamepad status
    const interval = setInterval(checkGamepads, 1000);

    return () => {
      window.removeEventListener('gamepadconnected', handleGamepadConnected);
      window.removeEventListener(
        'gamepaddisconnected',
        handleGamepadDisconnected
      );
      clearInterval(interval);
    };
  }, []);

  const unreadCount = notificationsState.notifications.filter(
    (n) => !n.read