Merge branch 'realTimeVisulization' into simulation

app/src/modules/visualization/widgets/2d/DraggableWidget.tsx

@@ -100,6 +100,8 @@ export const DraggableWidget = ({
 
   const deleteSelectedChart = async () => {
     try {
+      console.log("delete");
+      
       const email = localStorage.getItem("email") || "";
       const organization = email?.split("@")[1]?.split(".")[0];
       let deleteWidget = {
@@ -109,7 +111,9 @@ export const DraggableWidget = ({
       };
 
       if (visualizationSocket) {
+        setSelectedChartId(null)
         visualizationSocket.emit("v2:viz-widget:delete", deleteWidget);
+        console.log("delete widget",selectedChartId);
       }
       const updatedWidgets = selectedZone.widgets.filter(
         (w: Widget) => w.id !== widget.id
@@ -120,7 +124,6 @@ export const DraggableWidget = ({
         widgets: updatedWidgets,
       }));
       setOpenKebabId(null);
-
       // const response = await deleteWidgetApi(widget.id, organization);
       // if (response?.message === "Widget deleted successfully") {
       //   const updatedWidgets = selectedZone.widgets.filter(
@@ -175,6 +178,7 @@ export const DraggableWidget = ({
 
       const duplicatedWidget: Widget = {
         ...widget,
+        title: name === '' ? widget.title : name,
         Data: {
           duration: duration,
           measurements: { ...measurements },
@@ -187,6 +191,7 @@ export const DraggableWidget = ({
         zoneId: selectedZone.zoneId,
         widget: duplicatedWidget,
       };
+      
       if (visualizationSocket) {
         visualizationSocket.emit("v2:viz-widget:add", duplicateWidget);
       }
@@ -306,7 +311,10 @@ export const DraggableWidget = ({
             : undefined,
         }}
         ref={chartWidget}
-        onClick={() => setSelectedChartId(widget)}
+        onClick={() => {setSelectedChartId(widget)
+          console.log('click');
+          
+        }}
       >
         {/* Kebab Icon */}
         <div className="icon kebab" onClick={handleKebabClick}>
@@ -327,7 +335,10 @@ export const DraggableWidget = ({
               </div>
               <div className="label">Duplicate</div>
             </div>
-            <div className="edit btn" onClick={deleteSelectedChart}>
+            <div className="edit btn" onClick={(e)=>{
+              e.stopPropagation()
+              deleteSelectedChart();
+            }}>
               <div className="icon">
                 <DeleteIcon />
               </div>