Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | import { Suspense } from "react"; import { ProductList } from "@/components/features/admin/ProductList"; export const metadata = { title: "Products | Admin", description: "Manage your products", }; function ProductListFallback() { return ( <div className="p-6"> <div className="animate-pulse"> <div className="h-8 bg-gray-200 dark:bg-gray-700 rounded w-48 mb-6" /> <div className="space-y-4"> {[1, 2, 3].map((i) => ( <div key={i} className="h-16 bg-gray-200 dark:bg-gray-700 rounded" /> ))} </div> </div> </div> ); } export default function ProductsPage() { return ( <main> <Suspense fallback={<ProductListFallback />}> <ProductList /> </Suspense> </main> ); } |