Created a dialog to select an account

moneymgr_web/src/routes/AccountRoute.tsx

@@ -16,6 +16,7 @@ import { DateWidget } from "../widgets/DateWidget";
 import { MoneyMgrWebRouteContainer } from "../widgets/MoneyMgrWebRouteContainer";
 import { NewMovementWidget } from "../widgets/NewMovementWidget";
 import { NotFoundRoute } from "./NotFound";
+import { useSelectAccount } from "../hooks/context_providers/ChooseAccountDialogProvider";
 
 export function AccountRoute(): React.ReactElement {
   const loadingMessage = useLoadingMessage();
@@ -87,12 +88,23 @@ function MovementsTable(p: {
   movements: Movement[];
   needReload: (skipMovements: boolean) => void;
 }): React.ReactElement {
+  const accounts = useAccounts();
   const alert = useAlert();
   const confirm = useConfirm();
 
+  const chooseAccount = useSelectAccount();
+
   // Change account of movement
   const handleMoveClick = async (movement: Movement) => {
+    const target = await chooseAccount(
+      "Transfer movement",
+      `Please select the target account that will receive the movement: ${movement.label} (${movement.amount} €)`,
+      "Transfer movement",
+      [accounts.get(movement.account_id)!]
+    );
+
     // TODO
+    alert(target?.id?.toString() ?? "none");
   };
 
   // Delete movement