Mark as Read

// Mark notification as read when user clicks/views it
const markNotificationRead = async (notificationId: number) => {
  try {
    const response = await fetch(`/api/members/me/notifications/${notificationId}/read`, {
      method: 'PATCH'
    });
    
    if (response.ok) {
      // Update local state
      updateNotificationInList(notificationId, { isRead: true });
      // Update unread count
      decrementUnreadCount();
    }
  } catch (error) {
    console.error('Failed to mark notification as read:', error);
  }
};

// Mark multiple notifications as read
const markMultipleAsRead = async (notificationIds: number[]) => {
  const promises = notificationIds.map(id => 
    fetch(`/api/members/me/notifications/${id}/read`, { method: 'PATCH' })
  );
  
  await Promise.allSettled(promises);
  // Refresh notification list and unread count
  refreshNotifications();
};

// Auto-mark as read when notification comes into viewport
const useAutoMarkAsRead = () => {
  const observerRef = useRef();
  
  useEffect(() => {
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          const notificationId = entry.target.getAttribute('data-notification-id');
          const isRead = entry.target.getAttribute('data-is-read') === 'true';
          
          if (!isRead && notificationId) {
            markNotificationRead(parseInt(notificationId));
          }
        }
      });
    });
    
    return () => observer.disconnect();
  }, []);
};