From 9fd4818d8125220b2d2033c84a9477f0d10c2666 Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Thu, 15 Jun 2023 14:09:46 +0800
Subject: [PATCH] fix: window control not work (#2790)

---
 .../blocksuite/workspace-header/header.tsx    | 31 ++++++++++++++++---
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/blocksuite/workspace-header/header.tsx b/apps/web/src/components/blocksuite/workspace-header/header.tsx
index 2ccb380cb7..ce69a48e7a 100644
--- a/apps/web/src/components/blocksuite/workspace-header/header.tsx
+++ b/apps/web/src/components/blocksuite/workspace-header/header.tsx
@@ -11,8 +11,14 @@ import { affinePluginsAtom } from '@toeverything/plugin-infra/manager';
 import type { PluginUIAdapter } from '@toeverything/plugin-infra/type';
 import { useAtom, useAtomValue } from 'jotai';
 import type { FC, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
-import { forwardRef, memo, useEffect, useMemo, useState } from 'react';
-import { noop } from 'rxjs';
+import {
+  forwardRef,
+  memo,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react';
 
 import { guideDownloadClientTipAtom } from '../../../atoms/guide';
 import { contentLayoutAtom } from '../../../atoms/layout';
@@ -100,26 +106,41 @@ const HeaderRightItems: Record<HeaderRightItemName, HeaderItem> = {
   },
   [HeaderRightItemName.WindowsAppControls]: {
     Component: () => {
+      const handleMinimizeApp = useCallback(() => {
+        window.apis?.ui.handleMinimizeApp().catch(err => {
+          console.error(err);
+        });
+      }, []);
+      const handleMaximizeApp = useCallback(() => {
+        window.apis?.ui.handleMaximizeApp().catch(err => {
+          console.error(err);
+        });
+      }, []);
+      const handleCloseApp = useCallback(() => {
+        window.apis?.ui.handleCloseApp().catch(err => {
+          console.error(err);
+        });
+      }, []);
       return (
         <div className={styles.windowAppControlsWrapper}>
           <button
             data-type="minimize"
             className={styles.windowAppControl}
-            onClick={window.apis?.ui.handleMinimizeApp ?? noop}
+            onClick={handleMinimizeApp}
           >
             <MinusIcon />
           </button>
           <button
             data-type="maximize"
             className={styles.windowAppControl}
-            onClick={window.apis?.ui.handleMaximizeApp ?? noop}
+            onClick={handleMaximizeApp}
           >
             <RoundedRectangleIcon />
           </button>
           <button
             data-type="close"
             className={styles.windowAppControl}
-            onClick={window.apis?.ui.handleCloseApp ?? noop}
+            onClick={handleCloseApp}
           >
             <CloseIcon />
           </button>