chores

Author: yujonglee

apps/desktop/src/components/shared/permission-row.tsx

@@ -92,7 +92,7 @@ export function PermissionRow({
               isAuthorized ? "bg-blue-100" : "bg-neutral-50",
             ])}
           >
-            <div className={cn(isAuthorized ? "text-blue-600" : "text-neutral-500")}>{icon}</div>
+            <div className={cn([isAuthorized ? "text-blue-600" : "text-neutral-500"])}>{icon}</div>
           </div>
         )}
         <div className="min-w-0 flex-1">

apps/desktop/src/contexts/listener.tsx

@@ -76,10 +76,12 @@ const useHandleMuteAndStop = (store: ListenerStore) => {
 
   useEffect(() => {
     let unlisten: (() => void) | undefined;
+    let cancelled = false;
+    let notificationTimerId: ReturnType<typeof setTimeout>;
 
     detectEvents.detectEvent.listen(({ payload }) => {
       if (payload.type === "micStarted") {
-        setTimeout(() => {
+        notificationTimerId = setTimeout(() => {
           notificationCommands.showNotification({
             key: payload.key,
             title: "Mic Started",
@@ -94,11 +96,21 @@ const useHandleMuteAndStop = (store: ListenerStore) => {
         setMuted(payload.value);
       }
     }).then((fn) => {
-      unlisten = fn;
+      if (cancelled) {
+        fn();
+      } else {
+        unlisten = fn;
+      }
+    }).catch((err) => {
+      console.error("Failed to setup detect event listener:", err);
     });
 
     return () => {
+      cancelled = true;
       unlisten?.();
+      if (notificationTimerId) {
+        clearTimeout(notificationTimerId);
+      }
     };
   }, [stop, setMuted]);
 };

apps/desktop/src/hooks/use-permissions.ts

@@ -11,7 +11,6 @@ export function usePermissions() {
     queryFn: () => permissionsCommands.checkMicrophonePermission(),
     refetchInterval: 1000,
     select: (result) => {
-      console.log(result);
       if (result.status === "error") {
         throw new Error(result.error);
       }