order-card: add showDate variables in props

This commit is contained in:
vchikalkin 2025-06-26 15:19:55 +03:00
parent 7f6539d10a
commit 1fb3b67d79
2 changed files with 10 additions and 3 deletions

View File

@ -39,7 +39,7 @@ export function ProfileOrdersList({ telegramId }: Readonly<ProfileProps>) {
return (
<div className="flex flex-col space-y-2 px-4">
<h1 className="font-bold">Общие записи</h1>
{orders?.map((order) => order && <OrderCard key={order.documentId} {...order} />)}
{orders?.map((order) => order && <OrderCard key={order.documentId} showDate {...order} />)}
</div>
);
}

View File

@ -9,11 +9,17 @@ import Link from 'next/link';
type OrderComponentProps = GQL.OrderFieldsFragment & {
avatarSource?: 'client' | 'master';
showDate?: boolean;
};
type OrderCustomer = GQL.CustomerFieldsFragment;
export function OrderCard({ avatarSource, documentId, ...order }: Readonly<OrderComponentProps>) {
export function OrderCard({
avatarSource,
documentId,
showDate,
...order
}: Readonly<OrderComponentProps>) {
const services = order?.services.map((service) => service?.name).join(', ');
const date = order?.slot?.date;
@ -28,7 +34,8 @@ export function OrderCard({ avatarSource, documentId, ...order }: Readonly<Order
<div className="flex flex-col">
<ReadonlyTimeRange timeEnd={order?.time_end} timeStart={order?.time_start} />
<span className="truncate text-xs text-muted-foreground">
{formatDate(date).user('DD.MM.YYYY')} {services}
{showDate ? `${formatDate(date).user('DD.MM.YYYY')}` : ''}
{services}
</span>
</div>
{/* <span className="text-xs text-foreground">{clientName}</span> */}