Fetch List — useGetProductsQuery

"use client";

import { useGetProductsQuery } from "@/features/orders/ordersService";
import { ProductCard } from "./product-card";

export function ProductGrid() {
  // hook auto-created from builder.query
  const {
    data,
    isSuccess,
    isLoading,
    isError,
    refetch,
  } = useGetProductsQuery();  // void arg

  if (isLoading) {
    return <div className="grid gap-4">
      {Array.from({ length: 6 }).map((_, i) => (
        <ProductCardSkeleton key={i} />
      ))}
    </div>;
  }

  if (isError) {
    return (
      <ErrorMessage
        title="Product লোড করা যায়নি"
        onRetry={() => refetch()}
      />
    );
  }

  if (isSuccess && data.length === 0) {
    return <EmptyMessage text="কোনো product নেই" />;
  }

  return (
    <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
      {data?.map((product) => (
        <ProductCard key={product.id} product={product} />
      ))}
    </div>
  );
}