updated comparision

app/src/components/layout/sidebarRight/simulation/Simulations.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useRef, useState } from "react";
 import { AddIcon, ArrowIcon, RemoveIcon, ResizeHeightIcon, } from "../../../icons/ExportCommonIcons";
 import RenameInput from "../../../ui/inputs/RenameInput";
 import { handleResize } from "../../../../functions/handleResizePannel";
-import { useSelectedAsset } from "../../../../store/simulation/useSimulationStore";
+import { useMainProduct, useSelectedAsset } from "../../../../store/simulation/useSimulationStore";
 import { useProductStore } from "../../../../store/simulation/useProductStore";
 import { generateUUID } from "three/src/math/MathUtils";
 import RenderOverlay from "../../../templates/Overlay";
@@ -48,6 +48,7 @@ const Simulations: React.FC = () => {
     const [processes, setProcesses] = useState<Event[][]>();
     const { setToggleUI } = useToggleStore();
     const { projectId } = useParams();
+    const { setMainProduct } = useMainProduct();
 
     const { comparePopUp, setComparePopUp } = useCompareStore();
     const { setIsVersionSaved } = useSaveVersion();
@@ -85,8 +86,13 @@ const Simulations: React.FC = () => {
                     updatedProducts[newSelectedIndex].productUuid,
                     updatedProducts[newSelectedIndex].productName
                 );
+                setMainProduct(
+                    updatedProducts[newSelectedIndex].productUuid,
+                    updatedProducts[newSelectedIndex].productName
+                );
             } else {
                 setSelectedProduct("", "");
+                setMainProduct("", "");
             }
         }
 
@@ -102,6 +108,7 @@ const Simulations: React.FC = () => {
         renameProductApi({ productName: newName, productUuid, projectId: projectId || '' });
         if (selectedProduct.productUuid === productUuid) {
             setSelectedProduct(productUuid, newName);
+            setMainProduct(productUuid, newName);
         }
     };
 
@@ -172,9 +179,10 @@ const Simulations: React.FC = () => {
                                     {/* eslint-disable-next-line */}
                                     <div
                                         className="value"
-                                        onClick={() =>
+                                        onClick={() => {
                                             setSelectedProduct(product.productUuid, product.productName)
-                                        }
+                                            setMainProduct(product.productUuid, product.productName)
+                                        }}
                                     >
                                         <input
                                             type="radio"