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()}
+
);