add button for move item

client/src/app.js

@@ -250,6 +250,9 @@ function App() {
     setEditItemBool(true);
     setShowModalItem(true);
   }
+  const handleMoveItem = (boxID, itemID) => {
+    /*...*/
+  }
   const handleViewItem = (boxID, itemID) => {
     setItemInfo(boxID, itemID);
     setShowModalItemReadOnly(true);
@@ -300,6 +303,7 @@ function App() {
     handleRemove: handleRemoveItem,
     handleAdd: handleAddItem,
     handleEdit: handleEditItem,
+    handleMove: handleMoveItem,
     handleView: handleViewItem,
     handleName: handleNameItem,
     handleDescription: handleDescriptionItem,

client/src/item.js

@@ -10,6 +10,10 @@ const Item = ({ data, itemHandler, boxID }) => {
         itemHandler.handleEdit(boxID,data._id);
         setShowMenu(false);
     }
+    const handleClickMove = () => {
+        itemHandler.handleMove(boxID,data._id);
+        setShowMenu(false);
+    }
     const handleClickRemove = () => {
         itemHandler.handleRemove(boxID, data._id);
         setShowMenu(false);
@@ -35,6 +39,10 @@ const Item = ({ data, itemHandler, boxID }) => {
                     <span className='material-icons icon'>edit</span>
                     <span className='label'>edit</span>
                 </li>
+                <li className='menu-action' onClick={handleClickMove}>
+                    <span className='material-icons icon'>open_with</span>
+                    <span className='label'>move</span>
+                </li>
                 <li className='menu-action' onClick={handleClickRemove}>
                     <span className='material-icons icon'>delete</span>
                     <span className='label'>remove</span>

server/server.js

@@ -2,6 +2,7 @@ const express = require('express');
 const mongoose = require('mongoose');
 const app = express();
 const cors = require('cors');
+const { response } = require('express');
 
 app.use(cors(), express.json());
 
@@ -111,7 +112,12 @@ app.delete('/box/:boxId/item/:itemId', async (request, response) => {
     response.send(box);
 });
 
-
+//move item
+app.post('/box/:boxIdSource/item/:itemId/to/:boxIdTarget', async (request, response) => {
+    const sourceBoxID = request.params.boxIdSource;
+    const targetBoxID = request.params.boxIdTarget;
+    /*...*/
+})
 /*------------/CONTROLLER------------*/
 
 const getAllBoxes = async (queryParameters) => {