add metadata button is back (#888)

* add metadata button is back

* button is back in

* remove console log

* datasetRole !== undefined check,
not datasetRole.role
That will break if it is undefined

* check if datasetRole.role is defined

Author: tcnichol

frontend/src/components/files/File.tsx

@@ -275,7 +275,7 @@ export const File = (): JSX.Element => {
 	} else if (showNotFoundPage) {
 		return <PageNotFound />;
 	}
-
+	
 	return (
 		<Layout>
 			{/*Error Message dialogue*/}
@@ -407,17 +407,22 @@ export const File = (): JSX.Element => {
 									resourceType="file"
 									resourceId={fileId}
 								/>
-								<Box textAlign="center">
-									<Button
-										variant="contained"
-										sx={{ m: 2 }}
-										onClick={() => {
-											setEnableAddMetadata(true);
-										}}
-									>
-										Add Metadata
-									</Button>
-								</Box>
+								{fileRole !== undefined && fileRole!== "viewer"?
+									(
+										<Box textAlign="center">
+											<Button
+												variant="contained"
+												sx={{ m: 2 }}
+												onClick={() => {
+													setEnableAddMetadata(true);
+												}}
+											>
+											Add Metadata
+											</Button>
+										</Box>
+									) :
+									<></>
+								}
 							</>
 						)}
 					</TabPanel>

frontend/src/components/metadata/widgets/MetadataTextField.tsx

@@ -39,7 +39,7 @@ export const MetadataTextField = (props) => {
 				/>
 			</Grid>
 			<Grid item xs={1} sm={1} md={1} lg={1} xl={1}>
-				{datasetRole.role !== undefined && datasetRole.role !== "viewer" ?
+				{datasetRole !== undefined && datasetRole.role !== undefined && datasetRole.role !== "viewer" ?
 					<MetadataEditButton readOnly={readOnly} setReadOnly={setReadOnly} updateMetadata={updateMetadata}
 										content={localContent} metadataId={metadataId} resourceId={resourceId}
 										widgetName={widgetName} setInputChanged={setInputChanged}