deletepanel added

app/src/components/ui/componets/DroppedFloatingWidgets.tsx

@@ -96,7 +96,7 @@ const DroppedObjects: React.FC = () => {
       console.log('res: ', res);
 
       if (res.message === "FloatingWidget deleted successfully") {
-        deleteObject(zoneName, index); // Call the deleteObject method from the store
+        deleteObject(zoneName,id, index); // Call the deleteObject method from the store
       }
     } catch (error) {
       console.error("Error deleting floating widget:", error);
@@ -255,6 +255,7 @@ const DroppedObjects: React.FC = () => {
         ...zone.objects[draggingIndex.index],
         position: boundedPosition,
       });
+      console.log('response: ', response);
 
       if (response.message === "Widget updated successfully") {
         updateObjectPosition(zoneName, draggingIndex.index, boundedPosition);
@@ -386,10 +387,13 @@ const DroppedObjects: React.FC = () => {
               <FleetEfficiencyComponent object={obj} />
             </>
           ) : null}
-          {renderObjectContent(obj)}
+          {/* {renderObjectContent(obj)} */}
           <div
             className="icon kebab"
-            onClick={(event) => handleKebabClick(obj.id, event)}
+            onClick={(event) => {
+              event.stopPropagation();
+              handleKebabClick(obj.id, event)
+            }}
           >
             <KebabIcon />
           </div>