Created select account input

moneymgr_web/src/dialogs/SelectAccountDialog.tsx

@@ -15,7 +15,7 @@ import {
 import React from "react";
 import { Account } from "../api/AccountApi";
 import { useAccounts } from "../hooks/AccountsListProvider";
-import { AccountWidget } from "../widgets/AccountWidget";
+import { AccountIconWidget } from "../widgets/AccountIconWidget";
 import { AmountWidget } from "../widgets/AmountWidget";
 
 export function SelectAccountDialog(p: {
@@ -36,7 +36,12 @@ export function SelectAccountDialog(p: {
   };
 
   return (
-    <Dialog open={p.open} onClose={() => { p.onClose(); }}>
+    <Dialog
+      open={p.open}
+      onClose={() => {
+        p.onClose();
+      }}
+    >
       <DialogTitle>{p.title}</DialogTitle>
       <DialogContent dividers>
         <DialogContentText>{p.description}</DialogContentText>
@@ -53,13 +58,15 @@ export function SelectAccountDialog(p: {
                     undefined
                   }
                   checked={option.id === choice?.id}
-                  onChange={() => { setChoice(option); }}
+                  onChange={() => {
+                    setChoice(option);
+                  }}
                 />
               }
               label={
                 <ListItem>
                   <ListItemIcon>
-                    <AccountWidget account={option} />
+                    <AccountIconWidget account={option} />
                   </ListItemIcon>
                   <ListItemText
                     primary={option.name}
@@ -72,7 +79,13 @@ export function SelectAccountDialog(p: {
         </RadioGroup>
       </DialogContent>
       <DialogActions>
-        <Button onClick={() => { p.onClose(); }}>Cancel</Button>
+        <Button
+          onClick={() => {
+            p.onClose();
+          }}
+        >
+          Cancel
+        </Button>
         <Button onClick={submit} autoFocus disabled={choice === null}>
           {p.confirmButton ?? "Submit"}
         </Button>