feat: Implement handleAddEventToProduct function and integrate it into EventProperties and Simulations components

app/src/components/layout/sidebarRight/properties/eventProperties/EventProperties.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from "react";
 import {
+  useSelectedAsset,
   useSelectedEventData,
   useSelectedEventSphere,
   useSelectedProduct,
@@ -11,6 +12,7 @@ import RoboticArmMechanics from "./mechanics/roboticArmMechanics";
 import MachineMechanics from "./mechanics/machineMechanics";
 import StorageMechanics from "./mechanics/storageMechanics";
 import { AddIcon } from "../../../../icons/ExportCommonIcons";
+import { handleAddEventToProduct } from "../../../../../modules/simulation/events/points/functions/handleAddEventToProduct";
 
 const EventProperties: React.FC = () => {
   const { selectedEventData } = useSelectedEventData();
@@ -20,8 +22,10 @@ const EventProperties: React.FC = () => {
     null
   );
   const [assetType, setAssetType] = useState<string | null>(null);
-  const { products } = useProductStore();
+  const { products, addEvent } = useProductStore();
   const { selectedEventSphere } = useSelectedEventSphere();
+
+  const { selectedAsset, clearSelectedAsset } = useSelectedAsset();
   useEffect(() => {
     const event = getCurrentEventData();
     setCurrentEventData(event);
@@ -91,7 +95,19 @@ const EventProperties: React.FC = () => {
             <ul>
               {products.map((product) => (
                 <li key={product.productId}>
-                  <button>
+                  <button
+                    onClick={() =>
+                      handleAddEventToProduct({
+                        selectedAsset,
+                        addEvent,
+                        selectedProduct: {
+                          productId: product.productId,
+                          productName: product.productName,
+                        },
+                        clearSelectedAsset,
+                      })
+                    }
+                  >
                     <AddIcon />
                     {product.productName}
                   </button>