From 3ee269a0339d69d7c36af16b5a8af878883610ef Mon Sep 17 00:00:00 2001
From: "np.w" <nicolaspatrickward@gmail.com>
Date: Fri, 19 Feb 2021 09:12:02 -0600
Subject: [PATCH] add button for move item

---
 client/src/app.js  | 4 ++++
 client/src/item.js | 8 ++++++++
 server/server.js   | 8 +++++++-
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/client/src/app.js b/client/src/app.js
index 5fc7a27..176af17 100644
--- a/client/src/app.js
+++ b/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,
diff --git a/client/src/item.js b/client/src/item.js
index 791df8f..078fc41 100644
--- a/client/src/item.js
+++ b/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>
diff --git a/server/server.js b/server/server.js
index fe4fc18..a64132a 100644
--- a/server/server.js
+++ b/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) => {