source: chapterx-frontend/src/store/notificationStore.ts@ e882b92

import { create } from 'zustand'
import axios from 'axios'
import { Notification } from '../types'

const API = 'https://localhost:7125/api'

function getAuthHeaders() {
  try {
    const token = JSON.parse(localStorage.getItem('chapterx-auth') || '{}')?.state?.token
    return token ? { Authorization: `Bearer ${token}` } : {}
  } catch {
    return {}
  }
}

interface NotificationStore {
  notifications: Notification[]
  fetchUserNotifications: (userId: number) => Promise<void>
  addNotification: (n: { userId: number; contentType: string; content: string; storyId?: number; link?: string }) => Promise<void>
  markAllRead: () => Promise<void>
  markRead: (id: number) => Promise<void>
  getUnreadCount: () => number
}

export const useNotificationStore = create<NotificationStore>((set, get) => ({
  notifications: [],

  fetchUserNotifications: async (userId) => {
    try {
      const res = await axios.get(`${API}/notifications/user/${userId}`, { headers: getAuthHeaders() })
      const data: any[] = res.data ?? []
      const notifications: Notification[] = data.map(n => ({
        notification_id: n.id,
        user_id: userId,
        type: n.contentType ?? 'info',
        title: n.contentType ?? 'Notification',
        message: n.content,
        link: n.link,
        is_read: n.isRead,
        created_at: n.createdAt,
      }))
      set({ notifications })
    } catch {
      // keep existing
    }
  },

  addNotification: async ({ userId, contentType, content, storyId, link }) => {
    try {
      await axios.post(`${API}/notifications`, {
        content,
        contentType,
        userId,
        storyId,
        link,
      }, { headers: getAuthHeaders() })
    } catch {
      // silent — notification is for recipient, not current user
    }
  },

  markAllRead: async () => {
    const unread = get().notifications.filter(n => !n.is_read)
    set(state => ({ notifications: state.notifications.map(n => ({ ...n, is_read: true })) }))
    try {
      await Promise.all(unread.map(n =>
        axios.put(`${API}/notifications/${n.notification_id}/read`, {}, { headers: getAuthHeaders() })
      ))
    } catch {
      // keep optimistic
    }
  },

  markRead: async (id) => {
    set(state => ({
      notifications: state.notifications.map(n =>
        n.notification_id === id ? { ...n, is_read: true } : n
      ),
    }))
    try {
      await axios.put(`${API}/notifications/${id}/read`, {}, { headers: getAuthHeaders() })
    } catch {
      // keep optimistic
    }
  },

  getUnreadCount: () => get().notifications.filter(n => !n.is_read).length,
}))