Display info of uploaded files

moneymgr_web/src/routes/AccountRoute.tsx

@@ -25,6 +25,7 @@ import { NewMovementWidget } from "../widgets/NewMovementWidget";
 import { NotFoundRoute } from "./NotFound";
 import { UploadFileButton } from "../widgets/forms/UploadFileButton";
 import { UploadedFile } from "../api/FileApi";
+import { UploadedFileWidget } from "../widgets/UploadedFileWidget";
 
 export function AccountRoute(): React.ReactElement {
   const loadingMessage = useLoadingMessage();
@@ -281,7 +282,7 @@ function MovementsTable(p: {
     {
       field: "label",
       headerName: "Label",
-      flex: 1,
+      flex: 3,
       editable: true,
       type: "string",
     },
@@ -301,7 +302,7 @@ function MovementsTable(p: {
       field: "file",
       headerName: "File",
       editable: false,
-      width: 150,
+      flex: 1,
       renderCell: (params) => {
         if (!params.row.file_id)
           return (
@@ -311,7 +312,7 @@ function MovementsTable(p: {
               onUploaded={(f) => setUploadedFile(params.row, f)}
             />
           );
-        else return <>got file</>;
+        else return <UploadedFileWidget file_id={params.row.file_id} />;
       },
     },
     {