The edit member button should be disabled for unauthenticated logins or not writers

gui/src/components/uploads/EditMembersDialog.js

@@ -331,6 +331,7 @@ DeleteAction.propTypes = {
 
 function EditMembersDialog({...props}) {
   const classes = useStyles()
+  const {disabled} = props
   const {api} = useApi()
   const {raiseError} = useErrors()
   const {upload, setUpload} = useContext(uploadPageContext)
@@ -409,7 +410,7 @@ function EditMembersDialog({...props}) {
 
   return <editMembersDialogContext.Provider value={contextValue}>
     <React.Fragment>
-      <IconButton onClick={handleOpenDialog}>
+      <IconButton onClick={handleOpenDialog} disabled={disabled} data-testid='edit-members-action'>
         <Tooltip title="Manage upload members">
           <MembersIcon/>
         </Tooltip>
@@ -454,5 +455,8 @@ function EditMembersDialog({...props}) {
     </React.Fragment>
   </editMembersDialogContext.Provider>
 }
+EditMembersDialog.propTypes = {
+  disabled: PropTypes.bool
+}
 
 export default EditMembersDialog

gui/src/components/uploads/UploadPage.js

@@ -495,7 +495,7 @@ function UploadPage() {
           </WithButton>
         </Grid>
         <Grid>
-          <EditMembersDialog/>
+          <EditMembersDialog disabled={!isWriter}/>
           <UploadDownloadButton tooltip="Download files" query={{'upload_id': uploadId}} />
           <IconButton disabled={isPublished || !isWriter} onClick={handleReprocess}>
             <Tooltip title="Reprocess">