Can display information about the movement attached to an inbox entry

moneymgr_web/src/routes/InboxRoute.tsx

@@ -10,6 +10,7 @@ import { AmountWidget } from "../widgets/AmountWidget";
 import { AsyncWidget } from "../widgets/AsyncWidget";
 import { DateWidget } from "../widgets/DateWidget";
 import { MoneyMgrWebRouteContainer } from "../widgets/MoneyMgrWebRouteContainer";
+import { MovementWidget } from "../widgets/MovementWidget";
 import { NewMovementWidget } from "../widgets/NewMovementWidget";
 import { UploadedFileWidget } from "../widgets/UploadedFileWidget";
 
@@ -71,7 +72,13 @@ export function InboxRoute(): React.ReactElement {
             loadKey={loadKey.current + String(includeAttached)}
             load={load}
             errMsg="Failed to load the content of inbox!"
-            build={() => <InboxTable entries={entries!} onReload={reload} />}
+            build={() => (
+              <InboxTable
+                entries={entries!}
+                onReload={reload}
+                showMovements={includeAttached}
+              />
+            )}
           />
           <NewMovementWidget isInbox onCreated={() => reload(false)} />
         </div>
@@ -83,6 +90,7 @@ export function InboxRoute(): React.ReactElement {
 function InboxTable(p: {
   entries: InboxEntry[];
   onReload: (skipEntries: boolean) => void;
+  showMovements?: boolean;
 }): React.ReactElement {
   const [rowSelectionModel, setRowSelectionModel] =
     React.useState<GridRowSelectionModel>([]);
@@ -135,6 +143,16 @@ function InboxTable(p: {
         return <UploadedFileWidget file_id={params.row.file_id} />;
       },
     },
+    {
+      field: "movement_id",
+      headerName: "Movement",
+      editable: false,
+      flex: 3,
+      renderCell: (params) => {
+        if (params.row.movement_id)
+          return <MovementWidget id={params.row.movement_id} />;
+      },
+    },
   ];
 
   return (
@@ -150,7 +168,7 @@ function InboxTable(p: {
           },
           columns: {
             columnVisibilityModel: {
-              checked: false,
+              movement_id: p.showMovements!!,
             },
           },
         }}