All files / src/app/admin/products page.tsx

0% Statements 0/32
100% Branches 0/0
0% Functions 0/1
0% Lines 0/32

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>
  );
}