fix-related-file (#2778)

frontend/src/components/dialog/add-related-file-dialog.js

@@ -60,7 +60,7 @@ class AddRelatedFileDialog extends React.Component {
   }
 
   onDirentItemClick = (repo, selectedPath, dirent) => {
-    if(dirent.type === 'file') {
+    if (dirent.type === 'file') {
       this.setState({
         repo: repo,
         selectedPath: selectedPath,
@@ -74,6 +74,13 @@ class AddRelatedFileDialog extends React.Component {
     }
   }
 
+  onRepoItemClick = (repo) => {
+    this.setState({
+      repo: null,
+      selectedPath: '',
+    });
+  }
+
   render() {
     let subtitle = gettext('Select related file for {placeholder}');
     subtitle = subtitle.replace('{placeholder}', '<span class="sf-font">' + Utils.HTMLescape(this.props.dirent.name) + '</span>');
@@ -86,6 +93,7 @@ class AddRelatedFileDialog extends React.Component {
             isShowFile={this.state.isShowFile}
             repoID={this.props.repoID}
             onDirentItemClick={this.onDirentItemClick}
+            onRepoItemClick={this.onRepoItemClick}
           />
           {this.state.errMessage && <Alert color="danger">{this.state.errMessage}</Alert>}
         </ModalBody>

frontend/src/components/dialog/list-related-file-dialog.js

@@ -147,7 +147,7 @@ class RelatedFile extends React.Component {
         <td><a href={relatedFile.link} target='_blank'>{relatedFile.name}</a></td>
         <td>{relatedFile.repo_name}</td>
         <td>{relatedFile.size}</td>
-        <td>{relatedFile.mtime}</td>
+        <td>{relatedFile.mtime_relative}</td>
         <td><i className={className} onClick={this.props.onDeleteRelatedFile.bind(this, relatedFile)}></i></td>
       </tr>
     );