'use client'; import { useState, useEffect } from 'react'; import { PageLayout, DataTable, StatusBadge, EmptyState } from '@/components/ui'; export default function InboxPage() { const [messages, setMessages] = useState([] as any[]); const [loading, setLoading] = useState(true); useEffect(() => { setLoading(true); fetch('/api/v1/inbox').then(r => r.json()).then(d => { setMessages(d.items || []); setLoading(false); }); }, []); return ( <> {loading &&