Fix: seat status color update

mezh-hq · Apr 7, 2024 · fccb253 · fccb253
1 parent 118d88f
commit fccb253
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/src/components/workspace/elements/seat.tsx b/src/components/workspace/elements/seat.tsx
@@ -52,7 +52,6 @@ const Seat: React.FC<ISeatProps> = forwardRef(
       if (ref.current) {
         const seat = d3Extended.select(ref.current);
         const seatLabel = d3Extended.selectById(`${id}-label`);
-        const status = seat.attr(dataAttributes.status);
         if (status === SeatStatus.Unavailable || status === SeatStatus.Reserved || status === SeatStatus.Locked) {
           seat.style("color", consumerSeatStatusColors?.[status]?.background ?? seatStatusColors[status].background);
           seatLabel?.style("stroke", consumerSeatStatusColors?.[status]?.label ?? seatStatusColors[status].label);
@@ -63,7 +62,7 @@ const Seat: React.FC<ISeatProps> = forwardRef(
           }
         }
       }
-    }, [ref, categoryObject]);
+    }, [ref, categoryObject, status]);
 
     const localOnClick = (e) => {
       onClick(e);