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
1011 B
TypeScript
32 lines
1011 B
TypeScript
import { Suspense } from "react";
|
|
|
|
import { CariMaster } from "@/app/(dashboard)/master/_components/cari-master";
|
|
import { DaftarPelanggan } from "./_components/daftar-pelanggan";
|
|
import { TambahPelangganButton } from "./_components/tambah-pelanggan-button";
|
|
|
|
export default function PelangganPage({
|
|
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 Pelanggan</h1>
|
|
<div className="flex items-center gap-2">
|
|
<Suspense fallback={null}>
|
|
<CariMaster
|
|
basePath="/master/pelanggan"
|
|
placeholder="Cari pelanggan..."
|
|
/>
|
|
</Suspense>
|
|
<TambahPelangganButton />
|
|
</div>
|
|
</div>
|
|
<Suspense fallback={<p className="mt-4 text-sm">Memuat...</p>}>
|
|
<DaftarPelanggan searchParams={searchParams} />
|
|
</Suspense>
|
|
</div>
|
|
);
|
|
}
|