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