#3885: Commented out mock use-case of modal for PR

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/BOM/MaterialForm/MaterialFormView.tsx

@@ -2,7 +2,6 @@ import {
   Accordion,
   AccordionDetails,
   AccordionSummary,
-  Button,
   FormControl,
   FormHelperText,
   FormLabel,

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

@@ -150,16 +150,17 @@ const BOMTab = ({ project }: { project: Project }) => {
               Copy Existing BOM
             </NERButton>
           </Box>
-          <BOMCopyConfirmModal
+          {/* <BOMCopyConfirmModal
             open={bomConfirmOpen}
             onHide={() => {
               setBomConfirmOpen(false);
             }}
             onSuccess={() => {}}
-            materialsCount={1}
-            sourceProjectName={'Source Project'}
-            currentProjectName={'Target Project'}
-          ></BOMCopyConfirmModal>
+            materialIds={materials.map((m) => m.materialId)} // Test: right now, it just copies everything to destination
+            sourceProjectName={'This Project'}
+            currentProjectName={'0.7.0 - Laser Cannon Prototype'}
+            destinationWbsNum={'0.7.0'}
+          ></BOMCopyConfirmModal> */}
           <Box display="flex" gap="20px" alignItems="center">
             <Box sx={{ backgroundColor: theme.palette.background.paper, padding: '8px 14px 8px 14px', borderRadius: '6px' }}>
               Budget: ${project.budget}