HeaderSize as shared component

apps/yaak-client/hooks/useIsFullscreen.ts

@@ -1,22 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { getCurrentWebviewWindow } 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 getCurrentWebviewWindow().isFullscreen();
-      },
-    }).data ?? false
-  );
-}

apps/yaak-client/hooks/useStoplightsVisible.ts

@@ -1,5 +1,5 @@
 import { type } from '@tauri-apps/plugin-os';
-import { useIsFullscreen } from './useIsFullscreen';
+import { useIsFullscreen } from '@yaakapp-internal/ui';
 
 export function useStoplightsVisible() {
   const fullscreen = useIsFullscreen();