You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
import { Suspense } from "react";
|
|
|
|
import { CariMaster } from "@/app/(dashboard)/master/_components/cari-master";
|
|
import { DaftarGroupProduct } from "./_components/daftar-group-product";
|
|
import { TambahGroupProductButton } from "./_components/tambah-group-product-button";
|
|
|
|
export default function GroupProductPage({
|
|
searchParams,
|
|
}: {
|
|
searchParams: Promise<{ search?: string; page?: string }>;
|
|
}) {
|
|
return (
|
|
<div className="p-4">
|
|
<div className="flex items-center justify-between">
|
|
<h1 className="text-lg font-semibold">Data Group Product</h1>
|
|
<div className="flex items-center gap-2">
|
|
<Suspense fallback={null}>
|
|
<CariMaster
|
|
basePath="/master/group-product"
|
|
placeholder="Cari group product..."
|
|
/>
|
|
</Suspense>
|
|
<TambahGroupProductButton />
|
|
</div>
|
|
</div>
|
|
<Suspense fallback={<p className="mt-4 text-sm">Memuat...</p>}>
|
|
<DaftarGroupProduct searchParams={searchParams} />
|
|
</Suspense>
|
|
</div>
|
|
);
|
|
}
|