[tag] modification

frontend/src/components/cur-dir-path/dir-tool.js

@@ -50,13 +50,6 @@ class DirTool extends React.Component {
     });
   }
 
-  onListRepoTagToggle = () => {
-    this.setState({
-      isTagDialogShow: !this.state.isTagDialogShow,
-      isListRepoTagShow: !this.state.isListRepoTagShow
-    });
-  }
-
   onCreateRepoTagToggle = () => {
     this.setState({
       isCreateRepoTagShow: !this.state.isCreateRepoTagShow,

frontend/src/components/dialog/create-tag-dialog.js

@@ -7,7 +7,7 @@ import { seafileAPI } from '../../utils/seafile-api';
 const propTypes = {
   repoID: PropTypes.string.isRequired,
   toggleCancel: PropTypes.func.isRequired,
-  togglePopup: PropTypes.func.isRequired
+  onClose: PropTypes.func.isRequired
 };
 
 class CreateTagDialog extends React.Component {
@@ -62,7 +62,7 @@ class CreateTagDialog extends React.Component {
     return (
       <Fragment>
         <ModalHeader toggle={this.props.onClose}>
-          <span className="tag-popup-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
+          <span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
           {gettext('New Tag')}
         </ModalHeader>
         <ModalBody>

frontend/src/components/dialog/list-taggedfiles-dialog.js

@@ -10,7 +10,7 @@ const propTypes = {
   repoID: PropTypes.string.isRequired,
   currentTag: PropTypes.object.isRequired,
   toggleCancel: PropTypes.func.isRequired,
-  togglePopup: PropTypes.func.isRequired
+  onClose: PropTypes.func.isRequired
 };
 
 class ListTaggedFilesDialog extends React.Component {
@@ -46,7 +46,7 @@ class ListTaggedFilesDialog extends React.Component {
     return (
       <Fragment>
         <ModalHeader toggle={this.props.onClose}>
-          <span className="tag-popup-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
+          <span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
           {gettext('Tagged Files')}
         </ModalHeader>
         <ModalBody className="dialog-list-container">

frontend/src/components/dialog/update-tag-dialog.js

@@ -8,7 +8,7 @@ const propTypes = {
   currentTag: PropTypes.object,
   repoID: PropTypes.string.isRequired,
   toggleCancel: PropTypes.func.isRequired,
-  togglePopup: PropTypes.func.isRequired
+  onClose: PropTypes.func.isRequired
 };
 
 class UpdateTagDialog extends React.Component {
@@ -75,7 +75,7 @@ class UpdateTagDialog extends React.Component {
     return (
       <Fragment>
         <ModalHeader toggle={this.props.onClose}>
-          <span className="tag-popup-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
+          <span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.props.toggleCancel} aria-label={gettext('Back')}></span>
           {gettext('Edit Tag')}
         </ModalHeader>
         <ModalBody>

frontend/src/css/repo-tag.css

@@ -93,12 +93,12 @@
   background-color: #bbb;
 }
 
-.tag-popup-back {
+.tag-dialog-back {
   color: #888;
   cursor: pointer;
   margin-right: 10px;
 }
-.tag-popup-back:hover,
-.tag-popup-back:focus {
+.tag-dialog-back:hover,
+.tag-dialog-back:focus {
   color: #444;
 }