feat(electron): meeting recording permissions checks (#11505)

fix AF-2472, AF-2446

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/536f8412-cbf1-47ad-a8a0-0b86e97521d7.png)

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/b49a64cc-d288-49c9-8382-e4e8b5806850.png)

packages/frontend/apps/electron/src/main/tray/index.ts

@@ -15,8 +15,8 @@ import { beforeAppQuit } from '../cleanup';
 import { logger } from '../logger';
 import {
   appGroups$,
+  checkCanRecordMeeting,
   checkRecordingAvailable,
-  checkScreenRecordingPermission,
   MeetingsSettingsState,
   recordingStatus$,
   startRecording,
@@ -89,7 +89,7 @@ class TrayState implements Disposable {
   // tray's icon
   icon: NativeImage = nativeImage
     .createFromPath(icons.tray)
-    .resize({ width: 16, height: 16 });
+    .resize({ width: 18, height: 18 });
 
   // tray's tooltip
   tooltip: string = 'AFFiNE';
@@ -142,10 +142,17 @@ class TrayState implements Disposable {
 
     const getConfig = () => {
       const items: TrayMenuConfig = [];
-      if (
-        checkScreenRecordingPermission() &&
-        MeetingsSettingsState.value.enabled
-      ) {
+      if (!MeetingsSettingsState.value.enabled) {
+        items.push({
+          label: 'Meetings are disabled',
+          disabled: true,
+        });
+      } else if (!checkCanRecordMeeting()) {
+        items.push({
+          label: 'Required permissions not granted',
+          disabled: true,
+        });
+      } else {
         const appGroups = appGroups$.value;
         const runningAppGroups = appGroups.filter(
           appGroup => appGroup.isRunning