refactor code

frontend/src/components/dialog/transfer-dialog.js

@@ -66,10 +66,13 @@ class TransferDialog extends React.Component {
 
   render() {
     const itemName = this.props.itemName;
+    const innerSpan = '<span class="sf-font" title=' + itemName + '>' + itemName +'</span>';
+    let msg = gettext('Transfer Library {library_name} To');
+    let message = msg.replace('{library_name}', innerSpan);
     return (
       <Modal isOpen={true} centered={true}>
         <ModalHeader toggle={this.props.toggleDialog}>
-        {gettext('Transfer Library')} <span className="sf-font" title={itemName}>{itemName}</span> {gettext('TO')}
+          <div dangerouslySetInnerHTML={{__html:message}} />
         </ModalHeader>
         <ModalBody>
           <AsyncSelect

frontend/src/components/toolbar/repo-view-toobar.js

@@ -35,10 +35,6 @@ class RepoViewToolbar extends React.Component {
     this.setState({ isOpen: !this.state.isOpen });
   }
 
-  onDeleteRepoPage = () => {
-    console.log('turn to delete page');
-  }
-
   render() {
     return (
       <Fragment>

frontend/src/pages/my-libs/my-libs.js

@@ -537,7 +537,7 @@ class MyLibraries extends Component {
   renameRepo = (repoID, newName) => {
     let array = this.state.items;
     for (var i=0; i < array.length; i++) {
-      if(array[i].repo_id==repoID){
+      if (array[i].repo_id === repoID) {
         array[i].repo_name=newName; 
         break;
       }