diff --git a/apps/web/components/orders/order-form/service-select.tsx b/apps/web/components/orders/order-form/service-select.tsx index 87f9783..5c4ecd9 100644 --- a/apps/web/components/orders/order-form/service-select.tsx +++ b/apps/web/components/orders/order-form/service-select.tsx @@ -5,19 +5,10 @@ import { useServicesQuery } from '@/hooks/api/services'; import { useOrderStore } from '@/stores/order'; import { type ServiceFieldsFragment } from '@repo/graphql/types'; import { cn } from '@repo/ui/lib/utils'; +import { formatTime } from '@repo/utils/datetime-format'; export function ServiceSelect() { - const masterId = useOrderStore((store) => store.masterId); - - const { data: { services } = {} } = useServicesQuery({ - filters: { - master: { - documentId: { - eq: masterId, - }, - }, - }, - }); + const { data: { services } = {} } = useServicesQuery({}); if (!services?.length) return ; @@ -28,7 +19,7 @@ export function ServiceSelect() { ); } -function ServiceCard({ documentId, name }: Readonly) { +function ServiceCard({ documentId, duration, name }: Readonly) { const serviceId = useOrderStore((store) => store.serviceId); const setServiceId = useOrderStore((store) => store.setServiceId); @@ -53,9 +44,23 @@ function ServiceCard({ documentId, name }: Readonly) { type="radio" value={documentId} /> -
- {name} - {/* */} +
+ {name} + + + + + {formatTime(duration).user()} +
);