64dfec1355
- Renamed `ServiceSelect` to `ServicesSelect` for clarity. - Updated state management to handle multiple service IDs instead of a single service ID. - Adjusted related components (`DateSelect`, `TimeSelect`, `SubmitButton`, and `NextButton`) to accommodate the new services structure. - Removed the deprecated `service-select.tsx` file and refactored related logic in the order store and API to support multiple services. - Enhanced error handling in the slots service to validate multiple services correctly.
23 lines
630 B
TypeScript
23 lines
630 B
TypeScript
'use client';
|
||
|
||
import { useOrderStore } from '@/stores/order';
|
||
import { Button } from '@repo/ui/components/ui/button';
|
||
|
||
export function NextButton() {
|
||
const { clientId, date, masterId, nextStep, serviceIds, step, time } = useOrderStore(
|
||
(store) => store,
|
||
);
|
||
|
||
const isDisabled =
|
||
(step === 'master-select' && !masterId) ||
|
||
(step === 'client-select' && !clientId) ||
|
||
(step === 'service-select' && !serviceIds.length) ||
|
||
(step === 'datetime-select' && (!date || !time));
|
||
|
||
return (
|
||
<Button className="w-full" disabled={isDisabled} onClick={nextStep} type="button">
|
||
Далее
|
||
</Button>
|
||
);
|
||
}
|