Changeset 7fbb91c for chapterx-frontend/src/store/storyStore.ts

Timestamp:

03/24/26 23:03:39 (3 months ago)

Author:

kikisrbinoska <srbinoskakristina07@…>

Branches:

main

Children:

a7550ca

Parents:

73b69b2

Message:

Added functional collaboration between users

File:

• chapterx-frontend/src/store/storyStore.ts (modified) (5 diffs)

chapterx-frontend/src/store/storyStore.ts

@@ -73 +73 @@
   fetchStories: () => Promise<void>
   fetchChapters: () => Promise<void>
+  fetchCollaborations: () => Promise<void>
   fetchReadingLists: () => Promise<void>
   fetchUserReadingLists: (userId: number) => Promise<void>
@@ -98 +99 @@
 
   // Collaboration actions
-  addCollaboration: (collab: Collaboration) => void
+  addCollaboration: (collab: Collaboration) => Promise<void>
   updateCollaborationPermission: (userId: number, storyId: number, level: PermissionLevel) => void
-  removeCollaboration: (userId: number, storyId: number) => void
+  removeCollaboration: (userId: number, storyId: number) => Promise<void>
 
   // AI Suggestion actions
@@ -175 +176 @@
     } catch {
       // keep mock data on failure
+    }
+  },
+
+  fetchCollaborations: async () => {
+    try {
+      const res = await axios.get(`${API}/collaborations`)
+      const data: any[] = res.data ?? []
+      const collaborations: Collaboration[] = data.map((c: any) => ({
+        collab_id: c.id,
+        story_id: c.storyId,
+        user_id: c.userId,
+        username: c.username ?? '',
+        name: c.name ?? c.username ?? '',
+        story_title: '',
+        role: 'editor' as any,
+        permission_level: 3 as any,
+        joined_at: c.createdAt,
+      }))
+      set({ collaborations })
+    } catch {
+      // keep existing
     }
   },
@@ -364 +386 @@
     get().likedStories.some(l => l.userId === userId && l.storyId === storyId),
 
-  addCollaboration: (collab) =>
-    set(state => ({ collaborations: [...state.collaborations, collab] })),
+  addCollaboration: async (collab) => {
+    set(state => ({ collaborations: [...state.collaborations, collab] }))
+    try {
+      await axios.post(`${API}/collaborations`, {
+        userId: collab.user_id,
+        storyId: collab.story_id,
+        role: collab.role,
+      }, { headers: getAuthHeaders() })
+    } catch {
+      // keep optimistic
+    }
+  },
 
   updateCollaborationPermission: (userId, storyId, level) =>
@@ -376 +408 @@
     })),
 
-  removeCollaboration: (userId, storyId) =>
+  removeCollaboration: async (userId, storyId) => {
     set(state => ({
       collaborations: state.collaborations.filter(
         c => !(c.user_id === userId && c.story_id === storyId)
       ),
-    })),
+    }))
+    try {
+      await axios.delete(`${API}/collaborations/user/${userId}/story/${storyId}`, { headers: getAuthHeaders() })
+    } catch {
+      // keep optimistic
+    }
+  },
 
   fetchSuggestions: async () => {