Function WindowControls

src/components/layout/window-controls.tsx:18–124

()

export const WINDOW_CONTROLS_WIDTH = 138

export function WindowControls() {
  const t = useTranslations("Folder.windowControls")
  const { isWindows, isLinux } = usePlatform()
  const showControls = isWindows || isLinux
  const [isMaximized, setIsMaximized] = useState(false)
  const appWindowRef = useRef<Awaited<
    ReturnType<typeof getTauriWindow>
  > | null>(null)

  useEffect(() => {
    if (!showControls || !isDesktop()) return

    let disposed = false
    let unlistenResize: (() => void) | null = null
    let resizeFrame: number | null = null

    getTauriWindow().then((appWindow) => {
      if (disposed) return
      appWindowRef.current = appWindow

      const syncMaximized = async () => {
        try {
          const maximized = await appWindow.isMaximized()
          if (!disposed) setIsMaximized(maximized)
        } catch {
          if (!disposed) setIsMaximized(false)
        }
      }

      const scheduleSync = () => {
        if (resizeFrame !== null) return
        resizeFrame = window.requestAnimationFrame(() => {
          resizeFrame = null
          void syncMaximized()
        })
      }

      void syncMaximized()

      appWindow
        .onResized(() => scheduleSync())
        .then((unlisten) => {
          unlistenResize = unlisten
        })
        .catch(() => {
          unlistenResize = null
        })
    })

    return () => {
      disposed = true
      if (resizeFrame !== null) {
        window.cancelAnimationFrame(resizeFrame)
      }
      unlistenResize?.()
    }
  }, [showControls])