Can attach inbox entry to movement

moneymgr_web/src/widgets/SelectMovementWidget.tsx

@@ -1,20 +1,20 @@
 import { ListItem, ListItemButton, Paper, Typography } from "@mui/material";
 import React from "react";
+import { Movement, MovementApi } from "../api/MovementsApi";
+import { AsyncWidget } from "./AsyncWidget";
 import { AccountInput } from "./forms/AccountInput";
 import { AmountInput } from "./forms/AmountInput";
 import { DateInput } from "./forms/DateInput";
 import { TextInput } from "./forms/TextInput";
-import { Movement, MovementApi } from "../api/MovementsApi";
-import { AsyncWidget } from "./AsyncWidget";
-import { AsyncMovementWidget, MovementWidget } from "./MovementWidget";
+import { MovementWidget } from "./MovementWidget";
 
 export function SelectMovementWidget(p: {
   value?: number;
-  onChange: (movementId: number) => void;
+  onChange: (movement: Movement) => void;
   initialValues?: {
     amount?: number;
     accountId?: number;
-    date?: number;
+    time?: number;
     label?: string;
   };
 }): React.ReactElement {
@@ -24,8 +24,8 @@ export function SelectMovementWidget(p: {
   const [accountId, setAccountId] = React.useState<number | undefined>(
     p.initialValues?.accountId
   );
-  const [date, setDate] = React.useState<number | undefined>(
-    p.initialValues?.date
+  const [time, setTime] = React.useState<number | undefined>(
+    p.initialValues?.time
   );
   const [label, setLabel] = React.useState<string | undefined>(
     p.initialValues?.label
@@ -35,8 +35,8 @@ export function SelectMovementWidget(p: {
     label: label,
     amount_min: amount ? amount - 0.5 : undefined,
     amount_max: amount ? amount + 0.5 : undefined,
-    time_min: date ? date - 3600 * 24 : undefined,
-    time_max: date ? date + 3600 * 24 : undefined,
+    time_min: time ? time - 3600 * 24 : undefined,
+    time_max: time ? time + 3600 * 24 : undefined,
     limit: 10,
   };
 
@@ -49,7 +49,7 @@ export function SelectMovementWidget(p: {
   };
 
   return (
-    <Paper style={{ padding: "10px" }}>
+    <Paper style={{ padding: "10px", flex: 1 }}>
       <div
         style={{ display: "flex", flexDirection: "row", alignItems: "center" }}
       >
@@ -71,8 +71,8 @@ export function SelectMovementWidget(p: {
         <span style={{ flex: 1 }} />
         <DateInput
           editable
-          value={date}
-          onValueChange={setDate}
+          value={time}
+          onValueChange={setTime}
           label="Date"
           style={{ flex: 20 }}
           variant="outlined"
@@ -112,7 +112,7 @@ export function SelectMovementWidget(p: {
                 <ListItem>
                   <ListItemButton
                     selected={entry.id === p.value}
-                    onClick={() => p.onChange(entry.id)}
+                    onClick={() => p.onChange(entry)}
                   >
                     <MovementWidget movement={entry} />
                   </ListItemButton>