feat: open about page in setting modal when click about menu (#6245)

Co-authored-by: EYHN <cneyhn@gmail.com>

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>(),
 };