ccfc65ca9b
* refactor(profile): comment out change role feature * refactor(orders): update OrderServices and ServiceSelect components to utilize ServiceCard, and enhance service fields with duration in GraphQL types * refactor(schedule): implement forbidden order states to disable editing slots with active orders * fix(deploy): update SSH configuration to use dynamic port from secrets for improved flexibility * refactor(api/orders): simplify order creation logic by removing unnecessary validations and improving error handling * refactor(contact-row): replace role display logic with useIsMaster hook for improved clarity * refactor(profile/orders-list): update header text from "Общие записи" to "Недавние записи" for better clarity gql: GetOrders add sort slot.date:desc * refactor(profile/orders-list): enhance OrderCard component by adding avatarSource prop based on user role * feat(order-form): implement date selection with event highlighting and monthly view for available time slots * refactor(i18n/config): update timeZone from 'Europe/Amsterdam' to 'Europe/Moscow' * refactor(order-form/datetime-select): enhance date selection logic to include slot availability check * refactor(datetime-format): integrate dayjs timezone support with default Moscow timezone for date and time formatting * fix(contact-row): replace useIsMaster hook with isCustomerMaster utility for role display logic * refactor(service-card): replace formatTime with getMinutes for duration display * refactor(order-datetime): update date and time handling to use datetime_start and datetime_end for improved consistency * refactor(profile): streamline profile and slot pages by integrating session user retrieval and updating booking logic with BookButton component * fix(navigation): append query parameter to bottom-nav links and enhance back navigation logic in success page
64 lines
2.1 KiB
TypeScript
64 lines
2.1 KiB
TypeScript
'use client';
|
||
|
||
import { type ProfileProps } from '../types';
|
||
import { DataField } from './text-field';
|
||
import { CardSectionHeader } from '@/components/ui';
|
||
import { useCustomerMutation, useCustomerQuery } from '@/hooks/api/customers';
|
||
import { Button } from '@repo/ui/components/ui/button';
|
||
import { Card } from '@repo/ui/components/ui/card';
|
||
import Link from 'next/link';
|
||
|
||
export function ContactDataCard({ telegramId }: Readonly<ProfileProps>) {
|
||
const { data: { customer } = {} } = useCustomerQuery({ telegramId });
|
||
|
||
if (!customer) return null;
|
||
|
||
return (
|
||
<Card className="p-4">
|
||
<div className="flex flex-col gap-4">
|
||
<Link href={customer?.phone ? `tel:${customer?.phone}` : ''}>
|
||
<DataField id="phone" label="Телефон" readOnly value={customer?.phone ?? ''} />
|
||
</Link>
|
||
<Button asChild className="w-full bg-foreground">
|
||
<Link href={`https://t.me/${customer?.phone}`} rel="noopener noreferrer" target="_blank">
|
||
Написать в Telegram
|
||
</Link>
|
||
</Button>
|
||
</div>
|
||
</Card>
|
||
);
|
||
}
|
||
|
||
export function ProfileDataCard() {
|
||
const { data: { customer } = {} } = useCustomerQuery();
|
||
const { mutate: updateCustomer } = useCustomerMutation();
|
||
|
||
if (!customer) return null;
|
||
|
||
return (
|
||
<Card className="p-4">
|
||
<div className="flex flex-col gap-4">
|
||
<CardSectionHeader title="Ваши данные" />
|
||
<DataField
|
||
fieldName="name"
|
||
id="name"
|
||
label="Имя"
|
||
onChange={({ name }) => updateCustomer({ data: { name } })}
|
||
value={customer?.name ?? ''}
|
||
/>
|
||
<DataField disabled id="phone" label="Телефон" readOnly value={customer?.phone ?? ''} />
|
||
{/* <CheckboxWithText
|
||
checked={customer.role !== 'client'}
|
||
description="Разрешить другим пользователям записываться к вам"
|
||
onChange={(checked) =>
|
||
updateCustomer({
|
||
data: { role: checked ? Role.Master : Role.Client },
|
||
})
|
||
}
|
||
text="Быть мастером"
|
||
/> */}
|
||
</div>
|
||
</Card>
|
||
);
|
||
}
|