Ready to implement next feature

moneymgr_web/src/routes/AccountRoute.tsx

@@ -1,4 +1,5 @@
 import DeleteIcon from "@mui/icons-material/DeleteOutlined";
+import DriveFileMoveOutlineIcon from "@mui/icons-material/DriveFileMoveOutline";
 import { Tooltip, Typography } from "@mui/material";
 import { DataGrid, GridActionsCellItem, GridColDef } from "@mui/x-data-grid";
 import React from "react";
@@ -89,6 +90,12 @@ function MovementsTable(p: {
   const alert = useAlert();
   const confirm = useConfirm();
 
+  // Change account of movement
+  const handleMoveClick = async (movement: Movement) => {
+    // TODO
+  };
+
+  // Delete movement
   const handleDeleteClick = async (movement: Movement) => {
     try {
       if (
@@ -168,6 +175,14 @@ function MovementsTable(p: {
       editable: false,
       getActions: (params) => {
         return [
+          <Tooltip title="Move to another account">
+            <GridActionsCellItem
+              icon={<DriveFileMoveOutlineIcon />}
+              label="Move to another account"
+              onClick={() => handleMoveClick(params.row)}
+              color="inherit"
+            />
+          </Tooltip>,
           <Tooltip title="Delete the movement">
             <GridActionsCellItem
               icon={<DeleteIcon color="error" />}