34 lines
889 B
TypeScript
34 lines
889 B
TypeScript
import { useQuery } from "@tanstack/react-query";
|
|
import {
|
|
warehouseSupplierListOptions,
|
|
type WarehouseSupplier,
|
|
} from "../../lib/queries/warehouse";
|
|
|
|
interface SupplierSelectProps {
|
|
value: number | null;
|
|
onChange: (supplierId: number | null) => void;
|
|
}
|
|
|
|
export default function SupplierSelect({
|
|
value,
|
|
onChange,
|
|
}: SupplierSelectProps) {
|
|
const { data } = useQuery(warehouseSupplierListOptions({ perPage: 100 }));
|
|
const suppliers = data?.data ?? [];
|
|
return (
|
|
<select
|
|
className="admin-form-select"
|
|
value={value ?? ""}
|
|
onChange={(e) => onChange(e.target.value ? Number(e.target.value) : null)}
|
|
>
|
|
<option value="">-- bez dodavatele --</option>
|
|
{suppliers.map((s: WarehouseSupplier) => (
|
|
<option key={s.id} value={s.id}>
|
|
{s.name}
|
|
{s.ico ? ` (${s.ico})` : ""}
|
|
</option>
|
|
))}
|
|
</select>
|
|
);
|
|
}
|