message: expenses: grid refactored
diff: @@ -52,65 +52,58 @@ export default observer(function Grid() {
  {
  field: 'type',
  headerName: t('fields.type'),
  - valueGetter: (p) => p.row.type,
  headerClassName: classes.gridColumn,
  - flex: 1,
  + width: 120,
  },
  {
  field: 'status',
  headerName: t('fields.status'),
  renderCell: statusRenderCell,
  headerClassName: classes.gridColumn,
  - flex: 1,
  + width: 100,
  },
  {
  field: 'currency',
  headerName: t('fields.currency'),
  - valueGetter: (p) => p.row.currency,
  headerClassName: classes.gridColumn,
  - flex: 1,
  + width: 90,
  },
  {
  field: 'amount',
  headerName: t('fields.amount'),
  - valueGetter: (p) => p.row.amount,
  headerClassName: classes.gridColumn,
  - flex: 1,
  + align: 'right',
  + width: 90,
  },
  {
  field: 'vaultId',
  headerName: t('fields.vaultId'),
  - valueGetter: (p) => p.row.vaultId,
  headerClassName: classes.gridColumn,
  flex: 1,
  },
  {
  field: 'description',
  headerName: t('fields.description'),
  - valueGetter: (p) => p.row.description,
  headerClassName: classes.gridColumn,
  flex: 1,
  },
  {
  field: 'documentId',
  headerName: t('fields.documentId'),
  - valueGetter: (p) => p.row.documentId,
  headerClassName: classes.gridColumn,
  flex: 1,
  },
  {
  field: 'approvedById',
  headerName: t('fields.approvedById'),
  - valueGetter: (p) => p.row.approvedById,
  headerClassName: classes.gridColumn,
  flex: 1,
  },
  {
  field: 'deleted',
  headerName: t('fields.deleted'),
  - valueGetter: (p) => p.row.deleted,
  headerClassName: classes.gridColumn,
  - flex: 1,
  + width: 90,
  },
  {
  field: 'actions',
  