feat: open about page in setting modal when click about menu

packages/frontend/core/src/components/root-app-sidebar/index.tsx

@@ -1,4 +1,5 @@
 import { AnimatedDeleteIcon } from '@affine/component';
+import { openSettingModalAtom } from '@affine/core/atoms';
 import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { CollectionService } from '@affine/core/modules/collection';
 import { apis, events } from '@affine/electron-api';
@@ -7,7 +8,7 @@ import { FolderIcon, SettingsIcon } from '@blocksuite/icons';
 import { type Doc } from '@blocksuite/store';
 import { useDroppable } from '@dnd-kit/core';
 import { useLiveData, useService, type Workspace } from '@toeverything/infra';
-import { useAtomValue } from 'jotai';
+import { useAtomValue, useSetAtom } from 'jotai';
 import { nanoid } from 'nanoid';
 import type { HTMLAttributes, ReactElement } from 'react';
 import { forwardRef, useCallback, useEffect } from 'react';
@@ -100,6 +101,7 @@ export const RootAppSidebar = ({
   const docCollection = currentWorkspace.docCollection;
   const t = useAFFiNEI18N();
   const currentPath = useLiveData(useService(Workbench).location).pathname;
+  const setOpenSettingModalAtom = useSetAtom(openSettingModalAtom);
 
   const onClickNewPage = useAsyncCallback(async () => {
     const page = createPage();
@@ -130,6 +132,18 @@ export const RootAppSidebar = ({
     return;
   }, [onClickNewPage]);
 
+  useEffect(() => {
+    if (environment.isDesktop) {
+      return events?.applicationMenu.openAboutPageInSettingModal(() =>
+        setOpenSettingModalAtom({
+          activeTab: 'about',
+          open: true,
+        })
+      );
+    }
+    return;
+  }, [setOpenSettingModalAtom]);
+
   const sidebarOpen = useAtomValue(appSidebarOpenAtom);
   useEffect(() => {
     if (environment.isDesktop) {

packages/frontend/electron/src/main/application-menu/create.ts

@@ -2,7 +2,7 @@ import { app, Menu } from 'electron';
 
 import { isMacOS } from '../../shared/utils';
 import { revealLogFile } from '../logger';
-import { initAndShowMainWindow } from '../main-window';
+import { initAndShowMainWindow, showMainWindow } from '../main-window';
 import { checkForUpdates } from '../updater';
 import { applicationMenuSubjects } from './subject';
 
@@ -22,7 +22,13 @@ export function createApplicationMenu() {
           {
             label: app.name,
             submenu: [
-              { role: 'about' },
+              {
+                label: `About ${app.getName()}`,
+                click: async () => {
+                  await showMainWindow();
+                  applicationMenuSubjects.openAboutPageInSettingModal.next();
+                },
+              },
               { type: 'separator' },
               { role: 'services' },
               { type: 'separator' },

packages/frontend/electron/src/main/application-menu/index.ts

@@ -17,4 +17,11 @@ export const applicationMenuEvents = {
       sub.unsubscribe();
     };
   },
+  openAboutPageInSettingModal: (fn: () => void) => {
+    const sub =
+      applicationMenuSubjects.openAboutPageInSettingModal.subscribe(fn);
+    return () => {
+      sub.unsubscribe();
+    };
+  },
 } satisfies Record<string, MainEventRegister>;

packages/frontend/electron/src/main/application-menu/subject.ts

@@ -2,4 +2,5 @@ import { Subject } from 'rxjs';
 
 export const applicationMenuSubjects = {
   newPageAction: new Subject<void>(),
+  openAboutPageInSettingModal: new Subject<void>(),
 };

packages/frontend/electron/src/main/main-window.ts

@@ -205,6 +205,15 @@ export async function getMainWindow() {
   return window;
 }
 
+export async function showMainWindow() {
+  const window = await getMainWindow();
+  if (!window) return;
+  if (window.isMinimized()) {
+    window.restore();
+  }
+  window.focus();
+}
+
 export async function handleOpenUrlInHiddenWindow(url: string) {
   const win = new BrowserWindow({
     width: 1200,