7d94521c8b
* fix(jwt): update import path for isTokenExpired function to remove file extension * packages/graphql: add slot tests * fix(slots): update error handling for customer and slot retrieval, enhance time validation in slot updates * fix(slots): update error messages for missing datetime fields and improve validation logic in slot updates * fix(slots): update error messages and validation logic for slot creation and updates, including handling of datetime fields and master status * refactor(slots): rename checkUpdateIsTimeChanging to checkUpdateDatetime for clarity in slot update validation * test(slots): add comprehensive tests for getAvailableTimeSlots method, including edge cases and error handling * fix(api): standardize error messages for customer and slot retrieval, and improve validation logic in slots service * refactor(slots): rename validation methods for clarity and consistency in slot service * OrdersService: add checkBeforeCreate * add orders.test.js * test(orders): add validation test for missing datetime_end in order creation * feat(orders): implement updateOrder functionality with comprehensive validation tests - Added updateOrder method in OrdersService with checks for permissions, order state, and datetime validation. - Implemented tests for various scenarios including successful updates, permission errors, and validation failures. - Enhanced error handling for overlapping time and invalid state changes. - Updated GraphQL operations to support sorting in GetOrders query. * fix(orders): update datetime validation logic and test cases for order creation and completion - Modified order creation tests to set datetime_start to one hour in the past for past orders. - Updated the OrdersService to use isNowOrAfter for validating order completion against the start time. - Enhanced datetime utility function to accept a unit parameter for more flexible comparisons. * fix(calendar): initialize selected date in ScheduleCalendar component if not set - Added useEffect to set the selected date to the current date if it is not already defined. - Imported useEffect alongside useState for managing component lifecycle. * fix(order-form): initialize selected date in DateSelect component if not set - Added useEffect to set the selected date to the current date if it is not already defined. - Renamed setDate to setSelectedDate for clarity in state management. * refactor(orders): streamline order creation logic and enhance test setup - Removed redundant variable assignments in the createOrder method for cleaner code. - Updated test setup in orders.test.js to use global mocks for user and service retrieval, improving test clarity and maintainability. - Added checks for required fields in order creation to ensure data integrity.
64 lines
1.7 KiB
TypeScript
64 lines
1.7 KiB
TypeScript
'use client';
|
|
|
|
import { useCustomerQuery } from '@/hooks/api/customers';
|
|
import { useSlotsQuery } from '@/hooks/api/slots';
|
|
import { useDateTimeStore } from '@/stores/datetime';
|
|
import { Calendar } from '@repo/ui/components/ui/calendar';
|
|
import { getDateUTCRange } from '@repo/utils/datetime-format';
|
|
import dayjs from 'dayjs';
|
|
import { useEffect, useState } from 'react';
|
|
|
|
export function ScheduleCalendar() {
|
|
const { data: { customer } = {} } = useCustomerQuery();
|
|
|
|
const selectedDate = useDateTimeStore((store) => store.date);
|
|
const setSelectedDate = useDateTimeStore((store) => store.setDate);
|
|
|
|
useEffect(() => {
|
|
if (!selectedDate) {
|
|
setSelectedDate(new Date());
|
|
}
|
|
}, [selectedDate, setSelectedDate]);
|
|
|
|
const [currentMonthDate, setCurrentMonthDate] = useState(new Date());
|
|
|
|
const { endOfMonth, startOfMonth } = getDateUTCRange(currentMonthDate).month();
|
|
|
|
const { data: { slots } = {} } = useSlotsQuery({
|
|
filters: {
|
|
datetime_start: {
|
|
gte: startOfMonth,
|
|
lte: endOfMonth,
|
|
},
|
|
master: {
|
|
documentId: {
|
|
eq: customer?.documentId,
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
return (
|
|
<Calendar
|
|
className="bg-background"
|
|
// disabled={(date) => {
|
|
// return dayjs().isAfter(dayjs(date), 'day');
|
|
// }}
|
|
mode="single"
|
|
modifiers={{
|
|
hasEvent: (date) => {
|
|
return slots?.some((slot) => dayjs(slot?.datetime_start).isSame(date, 'day')) || false;
|
|
},
|
|
}}
|
|
modifiersClassNames={{
|
|
hasEvent: 'border-primary border-2 rounded-xl',
|
|
}}
|
|
onMonthChange={(date) => setCurrentMonthDate(date)}
|
|
onSelect={(date) => {
|
|
if (date) setSelectedDate(date);
|
|
}}
|
|
selected={selectedDate}
|
|
/>
|
|
);
|
|
}
|