32 lines
825 B
TypeScript
32 lines
825 B
TypeScript
import { useQuery } from "@tanstack/react-query";
|
|
import {
|
|
warehouseLocationListOptions,
|
|
type WarehouseLocation,
|
|
} from "../../lib/queries/warehouse";
|
|
|
|
interface LocationSelectProps {
|
|
value: number | null;
|
|
onChange: (locationId: number | null) => void;
|
|
}
|
|
|
|
export default function LocationSelect({
|
|
value,
|
|
onChange,
|
|
}: LocationSelectProps) {
|
|
const { data: locations } = useQuery(warehouseLocationListOptions());
|
|
return (
|
|
<select
|
|
className="admin-form-select"
|
|
value={value ?? ""}
|
|
onChange={(e) => onChange(e.target.value ? Number(e.target.value) : null)}
|
|
>
|
|
<option value="">-- bez lokace --</option>
|
|
{locations?.map((loc: WarehouseLocation) => (
|
|
<option key={loc.id} value={loc.id}>
|
|
{loc.code} - {loc.name}
|
|
</option>
|
|
))}
|
|
</select>
|
|
);
|
|
}
|