fix show actual slot status after slot update

This commit is contained in:
vchikalkin 2025-06-23 16:19:46 +03:00
parent 085263654f
commit 6a2678653c

View File

@ -25,8 +25,8 @@ export function SlotCard(props: Readonly<SlotComponentProps>) {
const ordersNumber = slot?.orders?.length; const ordersNumber = slot?.orders?.length;
const hasOrders = Boolean(ordersNumber); const hasOrders = Boolean(ordersNumber);
const isOpened = props?.state === Enum_Slot_State.Open; const isOpened = slot?.state === Enum_Slot_State.Open;
const isClosed = props?.state === Enum_Slot_State.Closed; const isClosed = slot?.state === Enum_Slot_State.Closed;
return ( return (
<Link href={`${pathname}/slots/${props.documentId}`} rel="noopener noreferrer"> <Link href={`${pathname}/slots/${props.documentId}`} rel="noopener noreferrer">
@ -42,14 +42,14 @@ export function SlotCard(props: Readonly<SlotComponentProps>) {
{hasOrders ? 'Есть записи' : 'Свободно'} {hasOrders ? 'Есть записи' : 'Свободно'}
</span> </span>
</div> </div>
{props.state && ( {slot?.state && (
<Badge <Badge
className={cn( className={cn(
isOpened ? 'bg-green-100 text-green-500 dark:bg-green-700 dark:text-green-100' : '', isOpened ? 'bg-green-100 text-green-500 dark:bg-green-700 dark:text-green-100' : '',
isClosed ? 'bg-red-100 text-red-500 dark:bg-red-700 dark:text-red-100' : '', isClosed ? 'bg-red-100 text-red-500 dark:bg-red-700 dark:text-red-100' : '',
)} )}
> >
{getBadgeText(props.state)} {getBadgeText(slot.state)}
</Badge> </Badge>
)} )}
</div> </div>