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.
59 lines
1.7 KiB
TypeScript
59 lines
1.7 KiB
TypeScript
/* eslint-disable canonical/id-match */
|
|
'use client';
|
|
|
|
import FloatingActionPanel from '../shared/action-panel';
|
|
import { type SlotComponentProps } from './types';
|
|
import { useSlotDelete, useSlotMutation, useSlotQuery } from '@/hooks/api/slots';
|
|
import { Enum_Slot_State } from '@repo/graphql/types';
|
|
import { isBeforeNow } from '@repo/utils/datetime-format';
|
|
import { useRouter } from 'next/navigation';
|
|
|
|
export function SlotButtons({ documentId }: Readonly<SlotComponentProps>) {
|
|
const { data: { slot } = {} } = useSlotQuery({ documentId });
|
|
|
|
const { isPending: isPendingUpdate, mutate: updateSlot } = useSlotMutation({ documentId });
|
|
|
|
const { isPending: isPendingDelete, mutate: deleteSlot } = useSlotDelete({ documentId });
|
|
|
|
const router = useRouter();
|
|
|
|
if (!slot) return null;
|
|
|
|
const isOpened = slot?.state === Enum_Slot_State.Open;
|
|
const isClosed = slot?.state === Enum_Slot_State.Closed;
|
|
|
|
function handleOpenSlot() {
|
|
return updateSlot({ data: { state: Enum_Slot_State.Open } });
|
|
}
|
|
|
|
function handleCloseSlot() {
|
|
return updateSlot({ data: { state: Enum_Slot_State.Closed } });
|
|
}
|
|
|
|
const handleToggle = () => {
|
|
if (isOpened) handleCloseSlot();
|
|
if (isClosed) handleOpenSlot();
|
|
};
|
|
|
|
const handleDeleteSlot = () => {
|
|
router.back();
|
|
return deleteSlot();
|
|
};
|
|
|
|
const hasOrders = Boolean(slot?.orders.length);
|
|
|
|
const isSlotStale = slot?.datetime_start && isBeforeNow(slot?.datetime_start);
|
|
|
|
const canDelete = !isSlotStale && !hasOrders;
|
|
const canToggle = !isSlotStale;
|
|
|
|
return (
|
|
<FloatingActionPanel
|
|
isLoading={isPendingUpdate || isPendingDelete}
|
|
isOpen={isOpened}
|
|
onDelete={canDelete ? handleDeleteSlot : undefined}
|
|
onToggle={canToggle ? handleToggle : undefined}
|
|
/>
|
|
);
|
|
}
|