finishes board delete and edit

Author: johnlcos

server/controllers/boardsController.ts

@@ -144,6 +144,7 @@ const boardsController = {
       await Board.findOneAndDelete({
         _id: req.params.boardId,
       });
+      console.log("board deleted");
       return next();
     } catch (err) {
       // pass error through to global error handler
@@ -154,6 +155,43 @@ const boardsController = {
       });
     }
   },
+  editBoard: async (req: Request, res: Response, next: NextFunction) => {
+    try {
+      const editedBoard = await Board.findByIdAndUpdate(
+        req.body.id,
+        {
+          name: req.body.name,
+        },
+        { new: true }
+      );
+      console.log("editedBoard: ", editedBoard);
+      res.locals.board = editedBoard;
+      return next();
+    } catch (err) {
+      // pass error through to global error handler
+      return next({
+        log: `tasksController.editBoard ERROR: ${err}`,
+        status: 500,
+        message: { err: "Error editing Board" },
+      });
+    }
+  },
+  pullBoard: async (req: Request, res: Response, next: NextFunction) => {
+    try {
+      await User.updateOne(
+        { _id: res.locals.board.boardOwner },
+        { $pull: { boards: req.params.boardId } }
+      );
+      return next();
+    } catch (err) {
+      // pass error through to global error handler
+      return next({
+        log: `tasksController.pullTask ERROR: ${err}`,
+        status: 500,
+        message: { err: "Error pulling Task" },
+      });
+    }
+  },
 };
 
 export default boardsController;

server/routes/boardsRouter.ts

@@ -36,15 +36,25 @@ router.post(
   }
 );
 
-// route for deleting a task card
+// route for deleting a boardd
 router.delete(
   "/delete/:boardId",
   boardsController.getBoardFromId,
   tasksController.clearTask,
   boardsController.deleteBoard,
+  boardsController.pullBoard,
   (_req: Request, res: Response) => {
     return res.status(200).json();
   }
 );
 
+// route for editing a board
+router.put(
+  "/edit",
+  boardsController.editBoard,
+  (_req: Request, res: Response) => {
+    return res.status(200).json(res.locals.board);
+  }
+);
+
 export default router;

src/components/CreateBoardModal.tsx

@@ -86,6 +86,7 @@ const CreateBoardModal = ({
             </button>
             <button
               className="modal-cancel"
+              type="button"
               onClick={() => {
                 setCreatingBoard(false);
               }}

src/components/EditBoardModal.tsx

@@ -19,7 +19,7 @@ const EditBoardModal = ({
     e.preventDefault();
     // send put request to /boards/edit with new boardName and id in body
     const body = {
-      boardName: boardName,
+      name: boardName,
       id: currentBoard.id,
     };
     const response: Response = await fetch("/boards/edit", {
@@ -83,13 +83,18 @@ const EditBoardModal = ({
             </button>
             <button
               className="modal-cancel"
+              type="button"
               onClick={() => {
                 setEditingBoard(false);
               }}
             >
               Cancel
             </button>
-            <button className="modal-delete" onClick={handleDeleteBoard}>
+            <button
+              className="modal-delete"
+              onClick={handleDeleteBoard}
+              type="button"
+            >
               Delete
             </button>
           </div>

src/components/EditTaskModal.tsx

@@ -169,13 +169,18 @@ const EditTaskModal = ({
             </button>
             <button
               className="modal-cancel"
+              type="button"
               onClick={() => {
                 setEditingTask(null);
               }}
             >
               Cancel
             </button>
-            <button className="modal-delete" onClick={handleDeleteTask}>
+            <button
+              className="modal-delete"
+              type="button"
+              onClick={handleDeleteTask}
+            >
               Delete
             </button>
           </div>

src/components/NewTaskModal.tsx

@@ -123,6 +123,7 @@ const NewTaskModal = ({
             </button>
             <button
               className="modal-cancel"
+              type="button"
               onClick={() => {
                 setAddingTask(false);
               }}