fix show actual slot status after slot update
This commit is contained in:
parent
085263654f
commit
6a2678653c
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user