fix: enable real-time sync for notes and folders across tabs

Author: batalabs

src/hooks/useNotesOperations.ts

@@ -466,12 +466,23 @@ export function useNotesOperations({
   const createFolder = useCallback(
     async (name: string, color: string = '#3b82f6', parentId?: string) => {
       try {
-        const apiFolder = await api.createFolder({
+        const folderData: {
+          name: string;
+          color: string;
+          isDefault: boolean;
+          parentId?: string;
+        } = {
           name,
           color,
-          parentId: parentId || selectedFolder?.id,
           isDefault: false,
-        });
+        };
+
+        // Only include parentId if it's provided
+        if (parentId) {
+          folderData.parentId = parentId;
+        }
+
+        const apiFolder = await api.createFolder(folderData);
 
         const newFolder = {
           ...apiFolder,

src/services/webSocketService.ts

@@ -311,6 +311,7 @@ class WebSocketService implements WebSocketServiceInterface {
 
     this.sendMessage({
       type: 'folder_created',
+      folderId: folder.id,
       folderData: folder,
     });
   }
@@ -523,17 +524,15 @@ class WebSocketService implements WebSocketServiceInterface {
           break;
 
         case 'note_created_sync':
-          if (message.fromUserId !== this.state.userId) {
-            this.state.lastSync = Date.now();
-            this.eventHandlers.onNoteCreatedSync?.(message);
-          }
+          // Process note creation sync for cross-tab synchronization
+          this.state.lastSync = Date.now();
+          this.eventHandlers.onNoteCreatedSync?.(message);
           break;
 
         case 'note_deleted_sync':
-          if (message.fromUserId !== this.state.userId) {
-            this.state.lastSync = Date.now();
-            this.eventHandlers.onNoteDeletedSync?.(message);
-          }
+          // Process note deletion sync for cross-tab synchronization
+          this.state.lastSync = Date.now();
+          this.eventHandlers.onNoteDeletedSync?.(message);
           break;
 
         case 'folder_created_sync':

src/types/websocket.ts

@@ -67,6 +67,7 @@ export interface NoteDeletedMessage extends WebSocketOutgoingMessage {
 
 export interface FolderCreatedMessage extends WebSocketOutgoingMessage {
   type: 'folder_created';
+  folderId: string;
   folderData: Folder;
 }