'use client';
import { useState, useEffect } from 'react';
import { PageLayout, DataTable, StatusBadge, EmptyState } from '@/components/ui';
export default function ModificationsPage() {
const [mods, setMods] = useState([] as any[]);
const [loading, setLoading] = useState(true);
useEffect(() => {
setLoading(true); fetch('/api/v1/modifications').then(r => r.json()).then(d => { setMods(d.items || []); setLoading(false); }); }, []);
return (
<>
{loading && }
{mods.length > 0 ? (
(
)},
]} data={mods} />
) : }
);
}