clear Pixel & PixelGroup from contextMenu

YeonV · Aug 15, 2024 · 1f9c77f · 1f9c77f
1 parent 3cc9403
commit 1f9c77f
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/src/pages/Devices/EditVirtuals/EditMatrix/M.tsx b/src/pages/Devices/EditVirtuals/EditMatrix/M.tsx
@@ -142,6 +142,18 @@ const EditMatrix: FC<{ virtual: any }> = ({ virtual }) => {
     closeClear()
   }
 
+  const clearPixelGroup = (group: string | number) => {
+    const updatedM = clone(m)
+    m.forEach((row, rowIndex) => {
+      row.forEach((cell, colIndex) => {
+        if (cell.group === group) {
+          updatedM[rowIndex][colIndex] = { deviceId: '', pixel: 0, group: 0 }
+        }
+      })
+    })
+    setM(updatedM)
+  }
+
   const handleDragEnd = (event: DragEndEvent) => {
     // console.log(parent, event)
     if (event.over && event.over.id) {
@@ -437,6 +449,8 @@ const EditMatrix: FC<{ virtual: any }> = ({ virtual }) => {
                 m={m}
                 setOpen={setOpen}
                 setMove={setMove}
+                clearPixel={clearPixel}
+                clearPixelGroup={clearPixelGroup}
               />
               <AssignPixelDialog
                 open={open}

diff --git a/src/pages/Devices/EditVirtuals/EditMatrix/MContextMenu.tsx b/src/pages/Devices/EditVirtuals/EditMatrix/MContextMenu.tsx
@@ -8,7 +8,9 @@ const MContextMenu = ({
   setMove,
   currentCell,
   m,
-  setDnd
+  setDnd,
+  clearPixel,
+  clearPixelGroup
 }: {
   anchorEl: any
   closeContextMenu: any
@@ -18,6 +20,8 @@ const MContextMenu = ({
   currentCell: [number, number]
   m: any
   setDnd: any
+  clearPixel: any
+  clearPixelGroup: any
 }) => {
   const contextMenuOpen = Boolean(anchorEl)
   return (
@@ -59,7 +63,14 @@ const MContextMenu = ({
       >
         Move Group
       </MenuItem>
-      <MenuItem onClick={closeContextMenu}>Clear</MenuItem>
+      <MenuItem onClick={(e) => {
+        clearPixel()
+        closeContextMenu(e)
+      }}>Clear Pixel</MenuItem>
+      <MenuItem onClick={(e) => {
+        clearPixelGroup(m[currentCell[1]][currentCell[0]].group || '0-0')
+        closeContextMenu(e)
+      }}>Clear Group</MenuItem>
     </Menu>
   )
 }