#3885: Functionality complete

Author: nunnyu

src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/BOM/MaterialForm/BOMCopyConfirmModal.tsx

@@ -1,25 +1,45 @@
 import NERModal from '../../../../../components/NERModal';
+import { useCopyMaterialsToProject } from '../../../../../hooks/bom.hooks';
 
 export interface BOMCopyConfirmModalProps {
   open: boolean;
   onHide: () => void;
-  onSuccess?: () => void;
-  materialsCount: number;
+  onSuccess: () => void;
+  materialIds: string[];
   sourceProjectName: string;
   currentProjectName: string;
+  destinationWbsNum: string;
 }
 
 const BOMCopyConfirmModal = ({
   open,
   onHide,
   onSuccess,
-  materialsCount,
+  materialIds,
   sourceProjectName,
-  currentProjectName
+  currentProjectName,
+  destinationWbsNum
 }: BOMCopyConfirmModalProps) => {
-  const message = `Are you sure you want to copy ${materialsCount} materials from ${sourceProjectName} to ${currentProjectName}?`;
+  const copyMaterials = useCopyMaterialsToProject();
+
+  const handleConfirm = () => {
+    copyMaterials.mutate(
+      {
+        materialIds,
+        destinationWbsNum
+      },
+      {
+        onSuccess: () => {
+          onSuccess();
+          onHide();
+        }
+      }
+    );
+  };
+
+  const message = `Are you sure you want to copy ${materialIds.length} materials from ${sourceProjectName} to ${currentProjectName}?`;
   return (
-    <NERModal open={open} onHide={onHide} onSubmit={onSuccess} title="Confirm Copy">
+    <NERModal open={open} onHide={onHide} onSubmit={handleConfirm} title="Confirm Copy">
       <p>{message}</p>
     </NERModal>
   );

src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/BOMTab.tsx

@@ -111,9 +111,10 @@ const BOMTab = ({ project }: { project: Project }) => {
               setBomConfirmOpen(false);
             }}
             onSuccess={() => {}}
-            materialsCount={1}
+            materialIds={materials.map((m) => m.materialId)} // Test: right now, it just copies everything to itself
             sourceProjectName={'Source Project'}
             currentProjectName={'Target Project'}
+            destinationWbsNum={'0.7.0'} // Or any project to copy to
           ></BOMCopyConfirmModal>
           <Box display="flex" gap="20px" alignItems="center">
             <Box sx={{ backgroundColor: theme.palette.background.paper, padding: '8px 14px 8px 14px', borderRadius: '6px' }}>