Changeset acf690c for chapterx-frontend/src/pages/story/StoryDetailPage.tsx

Timestamp:

03/22/26 17:58:40 (4 months ago)

Author:

kikisrbinoska <srbinoskakristina07@…>

Branches:

main

Children:

73b69b2

Parents:

b62cefc

Message:

Added fixes for the login,stories management and reading lists

File:

• chapterx-frontend/src/pages/story/StoryDetailPage.tsx (modified) (4 diffs)

chapterx-frontend/src/pages/story/StoryDetailPage.tsx

@@ -39 +39 @@
   const myLists = currentUser ? readingLists.filter(l => l.user_id === currentUser.user_id) : []
 
-  const handleAddToList = (listId: number) => {
+  const handleAddToList = async (listId: number) => {
     const list = readingLists.find(l => l.list_id === listId)
     if (!list) return
@@ -55 +55 @@
       genres: story.genres,
     }
-    addStoryToList(listId, item)
-    addToast(`Added to "${list.name}"!`)
+    try {
+      await addStoryToList(listId, item)
+      addToast(`Added to "${list.name}"!`)
+    } catch (err: any) {
+      const msg = err?.response?.data?.message || ''
+      if (msg.includes('already') || msg.includes('duplicate') || err?.response?.status === 400) {
+        addToast('Already in this list', 'info')
+      } else {
+        addToast('Failed to add to list.', 'error')
+      }
+    }
     setListModalOpen(false)
   }
 
-  const handleCreateList = () => {
+  const handleCreateList = async () => {
     if (!newListName.trim() || !currentUser) return
     const newList = {
@@ -69 +78 @@
       is_public: false,
       created_at: new Date().toISOString(),
-      stories: [{
+      stories: [],
+    }
+    try {
+      const realListId = await createReadingList(newList)
+      await addStoryToList(realListId, {
         item_id: Date.now() + 1,
-        list_id: Date.now(),
+        list_id: realListId,
         story_id: story.story_id,
         story_title: story.title,
@@ -77 +90 @@
         added_at: new Date().toISOString(),
         genres: story.genres,
-      }],
-    }
-    createReadingList(newList)
-    addToast(`Created "${newListName}" and added story!`)
+      })
+      addToast(`Created "${newListName}" and added story!`)
+    } catch {
+      addToast('Failed to create list.', 'error')
+    }
     setNewListName('')
     setListModalOpen(false)