06be87f0ec
* components/profile: rename components files * components/profile: organize files & folders * split DataCard to 2 components * [2] components/profile: organize files & folders * data-card: fix phone field disabled * fix card header color * add schedule button for master * fix navigation & profile background * add basic schedule page * fix bottom navbar overflows content * header: remove bottom margin * replace vanilla calendar with shadcn/ui one * add slot functional * fix forbidden error * add slot operations * show slots * filter by selected day * add hook useSlots fix update slots list after add slot fix initial fetch slots * use slots hooks * split edit-slot-form into files * rename /time-slots -> /components * refactor components & folders structure * add feature: delete slot * hooks/slot: update query keys * add hooks/profile * add hook useProfileMutation * use useProfileMutation hook for update role * rename useProfile -> useProfileQuery * fix useProfileQuery queryKey * add hook useContactsQuery * remove unused ternary operator * header: add backdrop blur * create slot cards * fix elements y center * fix getSlots filters * ui/ux improvements * fix date time types & names * move profile components from sub folder * add basic slot page * fix add slot form padding x * add slot buttons * extend slot card information * fix import type * use Container in pages * change orange -> yellow for dark * use Loading spinner in slots list * refactor \components\schedule dir structure * add orders list * change query & mutation keys * change url /profile/schedule/slot/ -> /slots/ * order: show services * remove prefetchQuery * bring the results of queries and hooks into a single form * react query: globally show error toast * add font inter * fix header: center text * orders: add sorting * order card: add avatar * rename records -> orders * reduced text size * fix slot buttons * fix datetime card ui * fix header: center text (finally) * layout/container: last:mb-4 * fix type * slot-datetime: use ReadonlyTimeRange * rename files & components * remove unnecessary context using * feature: edit slot time * fix: selected day reset after go back to /schedule * rename AddTimeRange -> EditableTimeRangeForm & refactor * fix some elements on page before data loaded * fix text size * slot-card: remove gap * slot-date: remove margin * fix slots & orders layout * toast: show error text in ui
59 lines
2.0 KiB
TypeScript
59 lines
2.0 KiB
TypeScript
'use client';
|
||
import { CheckboxWithText, DataField, ProfileCardHeader } from './components';
|
||
import { type ProfileProps } from './types';
|
||
import { useProfileMutation, useProfileQuery } from '@/hooks/profile';
|
||
import { Enum_Customer_Role as Role } from '@repo/graphql/types';
|
||
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 } = useProfileQuery({ 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 } = useProfileQuery({});
|
||
const { mutate: updateProfile } = useProfileMutation({});
|
||
|
||
if (!customer) return null;
|
||
|
||
return (
|
||
<Card className="p-4">
|
||
<div className="flex flex-col gap-4">
|
||
<ProfileCardHeader title="Ваши данные" />
|
||
<DataField
|
||
fieldName="name"
|
||
id="name"
|
||
label="Имя"
|
||
onChange={updateProfile}
|
||
value={customer?.name ?? ''}
|
||
/>
|
||
<DataField disabled id="phone" label="Телефон" readOnly value={customer?.phone ?? ''} />
|
||
<CheckboxWithText
|
||
checked={customer.role !== 'client'}
|
||
description="Разрешить другим пользователям записываться к вам"
|
||
onChange={(checked) => updateProfile({ role: checked ? Role.Master : Role.Client })}
|
||
text="Быть мастером"
|
||
/>
|
||
</div>
|
||
</Card>
|
||
);
|
||
}
|