socket added for 2d widget
This commit is contained in:
@@ -79,21 +79,21 @@ const DroppedObjects: React.FC = () => {
|
||||
}
|
||||
};
|
||||
}, []);
|
||||
// useEffect(() => {
|
||||
// const handleClickOutside = (event: MouseEvent) => {
|
||||
// if (kebabRef.current && !kebabRef.current.contains(event.target as Node)) {
|
||||
// setOpenKebabId(null);
|
||||
// }
|
||||
// };
|
||||
|
||||
// // Add event listener when component mounts
|
||||
// document.addEventListener("mousedown", handleClickOutside);
|
||||
|
||||
// // Clean up event listener when component unmounts
|
||||
// return () => {
|
||||
// document.removeEventListener("mousedown", handleClickOutside);
|
||||
// };
|
||||
// }, []);
|
||||
useEffect(() => {
|
||||
const handleClickOutside = (event: MouseEvent) => {
|
||||
if (kebabRef.current && !kebabRef.current.contains(event.target as Node)) {
|
||||
setOpenKebabId(null);
|
||||
}
|
||||
};
|
||||
|
||||
// Add event listener when component mounts
|
||||
document.addEventListener("mousedown", handleClickOutside);
|
||||
|
||||
// Clean up event listener when component unmounts
|
||||
return () => {
|
||||
document.removeEventListener("mousedown", handleClickOutside);
|
||||
};
|
||||
}, []);
|
||||
|
||||
const zoneEntries = Object.entries(zones);
|
||||
if (zoneEntries.length === 0) return null;
|
||||
@@ -378,7 +378,7 @@ const DroppedObjects: React.FC = () => {
|
||||
<KebabIcon />
|
||||
</div>
|
||||
{openKebabId === obj.id && (
|
||||
<div className="kebab-options">
|
||||
<div className="kebab-options" ref={kebabRef}>
|
||||
<div className="dublicate btn" onClick={(event) => {
|
||||
event.stopPropagation();
|
||||
handleDuplicate(zoneName, index); // Call the duplicate handler
|
||||
|
||||
Reference in New Issue
Block a user