Current state
This commit is contained in:
@@ -0,0 +1,146 @@
|
||||
"use client"
|
||||
|
||||
import { createContext, useContext, useState, useCallback, useMemo, useEffect, ReactNode } from "react"
|
||||
import { Notification, NotificationType } from "@/types"
|
||||
|
||||
interface NotificationContextValue {
|
||||
notifications: Notification[]
|
||||
unreadCount: number
|
||||
unreadChatCount: number
|
||||
addNotification: (type: NotificationType, title: string, description: string, link?: string) => void
|
||||
markAsRead: (id: string) => void
|
||||
markAllAsRead: () => void
|
||||
dismiss: (id: string) => void
|
||||
}
|
||||
|
||||
const NotificationContext = createContext<NotificationContextValue | null>(null)
|
||||
|
||||
export function NotificationProvider({ children }: { children: ReactNode }) {
|
||||
const [notifications, setNotifications] = useState<Notification[]>([])
|
||||
const [loading, setLoading] = useState(true)
|
||||
const [unreadChatCount, setUnreadChatCount] = useState(0)
|
||||
|
||||
useEffect(() => {
|
||||
async function fetchNotifications() {
|
||||
try {
|
||||
const res = await fetch("/api/notifications")
|
||||
if (!res.ok) return
|
||||
const data = await res.json()
|
||||
if (data.notifications) {
|
||||
setNotifications(data.notifications)
|
||||
}
|
||||
} catch {
|
||||
console.warn("Failed to fetch notifications in notification provider")
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
fetchNotifications()
|
||||
}, [])
|
||||
|
||||
useEffect(() => {
|
||||
let cancelled = false
|
||||
async function fetchUnread() {
|
||||
try {
|
||||
const res = await fetch("/api/conversations")
|
||||
if (!res.ok) return
|
||||
const data = await res.json()
|
||||
if (!cancelled) {
|
||||
const list = data.conversations || []
|
||||
const total = list.reduce((sum: number, c: any) => sum + (c.unread || 0), 0)
|
||||
setUnreadChatCount(total)
|
||||
}
|
||||
} catch {
|
||||
console.warn("Failed to fetch unread conversations in notification provider")
|
||||
}
|
||||
}
|
||||
fetchUnread()
|
||||
const id = setInterval(fetchUnread, 5000)
|
||||
return () => { cancelled = true; clearInterval(id) }
|
||||
}, [])
|
||||
|
||||
const unreadCount = useMemo(
|
||||
() => notifications.filter((n) => !n.read).length,
|
||||
[notifications]
|
||||
)
|
||||
|
||||
const addNotification = useCallback(
|
||||
async (type: NotificationType, title: string, description: string, link?: string) => {
|
||||
const notif: Notification = {
|
||||
id: `temp-${Date.now()}`,
|
||||
type,
|
||||
title,
|
||||
description,
|
||||
timestamp: new Date().toISOString(),
|
||||
read: false,
|
||||
link,
|
||||
}
|
||||
setNotifications((prev) => [notif, ...prev])
|
||||
try {
|
||||
await fetch("/api/notifications", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({ type, title, description, link }),
|
||||
})
|
||||
} catch {
|
||||
console.warn("Failed to add notification in notification provider")
|
||||
}
|
||||
},
|
||||
[]
|
||||
)
|
||||
|
||||
const markAsRead = useCallback(async (id: string) => {
|
||||
if (id.startsWith("temp-")) return
|
||||
setNotifications((prev) =>
|
||||
prev.map((n) => (n.id === id ? { ...n, read: true } : n))
|
||||
)
|
||||
try {
|
||||
await fetch(`/api/notifications/${id}`, { method: "PATCH" })
|
||||
} catch {
|
||||
console.warn("Failed to mark notification as read in notification provider")
|
||||
}
|
||||
}, [])
|
||||
|
||||
const markAllAsRead = useCallback(async () => {
|
||||
setNotifications((prev) => prev.map((n) => ({ ...n, read: true })))
|
||||
try {
|
||||
await fetch("/api/notifications", { method: "PATCH" })
|
||||
} catch {
|
||||
console.warn("Failed to mark all notifications as read in notification provider")
|
||||
}
|
||||
}, [])
|
||||
|
||||
const dismiss = useCallback(async (id: string) => {
|
||||
setNotifications((prev) => prev.filter((n) => n.id !== id))
|
||||
if (id.startsWith("temp-")) return
|
||||
try {
|
||||
await fetch(`/api/notifications/${id}`, { method: "DELETE" })
|
||||
} catch {
|
||||
console.warn("Failed to dismiss notification in notification provider")
|
||||
}
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<NotificationContext.Provider
|
||||
value={{
|
||||
notifications,
|
||||
unreadCount,
|
||||
unreadChatCount,
|
||||
addNotification,
|
||||
markAsRead,
|
||||
markAllAsRead,
|
||||
dismiss,
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</NotificationContext.Provider>
|
||||
)
|
||||
}
|
||||
|
||||
export function useNotifications(): NotificationContextValue {
|
||||
const ctx = useContext(NotificationContext)
|
||||
if (!ctx) {
|
||||
throw new Error("useNotifications must be used within a NotificationProvider")
|
||||
}
|
||||
return ctx
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider as NextThemesProvider } from "next-themes"
|
||||
import { type ThemeProviderProps } from "next-themes"
|
||||
|
||||
export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
|
||||
return (
|
||||
<NextThemesProvider
|
||||
themes={["light", "dark", "system", "ocean", "forest", "sunset", "midnight"]}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
</NextThemesProvider>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
"use client"
|
||||
|
||||
import { createContext, useContext, useState, useEffect, ReactNode, useCallback } from "react"
|
||||
import { useRouter } from "next/navigation"
|
||||
import type { User } from "@/types"
|
||||
|
||||
interface UserContextValue {
|
||||
user: User | null
|
||||
loading: boolean
|
||||
error: string | null
|
||||
logout: () => Promise<void>
|
||||
updateAvatar: (url: string) => void
|
||||
}
|
||||
|
||||
const UserContext = createContext<UserContextValue | null>(null)
|
||||
|
||||
export function UserProvider({ children }: { children: ReactNode }) {
|
||||
const router = useRouter()
|
||||
const [user, setUser] = useState<User | null>(null)
|
||||
const [loading, setLoading] = useState(true)
|
||||
const [error, setError] = useState<string | null>(null)
|
||||
|
||||
const fetchUser = useCallback(async () => {
|
||||
try {
|
||||
const res = await fetch("/api/auth/me")
|
||||
if (res.ok) {
|
||||
const data = await res.json()
|
||||
const u = data.user
|
||||
setUser({
|
||||
id: u.id,
|
||||
name: `${u.firstName} ${u.lastName}`,
|
||||
email: u.email,
|
||||
role: u.role,
|
||||
active: true,
|
||||
avatar: u.avatar,
|
||||
createdAt: new Date().toISOString(),
|
||||
})
|
||||
} else {
|
||||
setUser(null)
|
||||
}
|
||||
} catch {
|
||||
console.warn("Failed to fetch user in user provider")
|
||||
setUser(null)
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}, [])
|
||||
|
||||
useEffect(() => {
|
||||
fetchUser()
|
||||
}, [fetchUser])
|
||||
|
||||
const logout = useCallback(async () => {
|
||||
try {
|
||||
await fetch("/api/auth/logout", { method: "POST" })
|
||||
} catch {
|
||||
console.warn("Failed to logout in user provider")
|
||||
}
|
||||
setUser(null)
|
||||
router.push("/login")
|
||||
}, [router])
|
||||
|
||||
const updateAvatar = useCallback((url: string) => {
|
||||
setUser((prev) => (prev ? { ...prev, avatar: url } : prev))
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<UserContext.Provider value={{ user, loading, error, logout, updateAvatar }}>
|
||||
{children}
|
||||
</UserContext.Provider>
|
||||
)
|
||||
}
|
||||
|
||||
export function useUser() {
|
||||
const ctx = useContext(UserContext)
|
||||
if (!ctx) throw new Error("useUser must be used within UserProvider")
|
||||
return ctx
|
||||
}
|
||||
Reference in New Issue
Block a user