yaak/src-web/hooks/useIsFullscreen.ts

import { useQuery } from '@tanstack/react-query';
import { getCurrent } from '@tauri-apps/api/webviewWindow';
import { useWindowSize } from 'react-use';
import { useDebouncedValue } from './useDebouncedValue';

export function useIsFullscreen() {
  const windowSize = useWindowSize();
  const debouncedWindowWidth = useDebouncedValue(windowSize.width);

  // NOTE: Fullscreen state isn't updated right after resize event on Mac (needs to wait for animation) so
  // we'll wait for a bit using the debounced window size. Hopefully Tauri eventually adds a way to listen
  // for fullscreen change events.

  return (
    useQuery({
      queryKey: ['is_fullscreen', debouncedWindowWidth],
      queryFn: async () => {
        return getCurrent().isFullscreen();
      },
    }).data ?? false
  );
}