Fix upload members for deleted groups

See #2134 (closed)

This fixes the error of misding group info and puts the problem in the name column.

gui/src/components/uploads/EditMembersDialog.js

@@ -16,16 +16,17 @@
  * limitations under the License.
  */
 import {
-  FormGroup,
   Dialog,
   DialogContent,
   DialogTitle,
+  FormGroup,
   IconButton,
   makeStyles,
   MenuItem,
   Select,
   TextField,
-  Tooltip
+  Tooltip,
+  Typography
 } from '@material-ui/core'
 import Button from '@material-ui/core/Button'
 import DialogActions from '@material-ui/core/DialogActions'
@@ -35,6 +36,7 @@ import AutoComplete from '@material-ui/lab/Autocomplete'
 import _, { debounce } from 'lodash'
 import PropTypes from 'prop-types'
 import React, { useCallback, useContext, useEffect, useMemo, useReducer, useState } from 'react'
+import { uploadMembersGroupSearchEnabled } from '../../config'
 import { isUploadVisibleForAll } from '../../utils'
 import { useApi } from '../api'
 import { Datatable, DatatableTable } from '../datatable/Datatable'
@@ -56,7 +58,6 @@ import {
   TYPES,
   userToMember
 } from './memberUtils'
-import { uploadMembersGroupSearchEnabled } from '../../config'
 
 export const editMembersDialogContext = React.createContext()
 
@@ -81,7 +82,17 @@ function MembersTable() {
 
   const columns = [
     {key: '', align: 'right', render: member => (<MemberIcon type={member.type} />)},
-    {key: 'Name', align: 'left', render: member => member.name},
+    {
+      key: 'Name',
+      align: 'left',
+      render: member => {
+        if (member.error) {
+          return <Typography color="error">ERROR: {member.error}</Typography>
+        } else {
+          return member.name
+        }
+      }
+    },
     {key: 'Affiliation', align: 'left', render: member => member.affiliation},
     {
       key: 'Role',