coco-app/src/hooks/useWindowEvents.ts

import { useEffect } from 'react';

import { useAppStore } from '@/stores/appStore';
import platformAdapter from '@/utils/platformAdapter';

export function useWindowEvents() {
  const isPinned = useAppStore((state) => state.isPinned);

  useEffect(() => {
    const handleBlur = async () => {
      console.log("Window blurred");
      if (isPinned) {
        return;
      }

      await platformAdapter.hideWindow();
      console.log("Hide Coco");
    };

    window.addEventListener("blur", handleBlur);

    // Clean up event listeners on component unmount
    return () => {
      window.removeEventListener("blur", handleBlur);
    };
  }, [isPinned]);
}