Change page title (#6350)

* 01 change component name

* 02 change wiki title

frontend/src/pages/wiki2/index.js

@@ -198,6 +198,7 @@ class Wiki extends Component {
       callback && callback();
     });
     this.cacheHistoryFiles(docUuid, name, id);
+    this.updateDocumentTitle(name);
   };
 
   onUpdatePage = (pageId, newPage) => {
@@ -205,6 +206,9 @@ class Wiki extends Component {
       toaster.danger(gettext('Page name cannot be empty'));
       return;
     }
+    if (this.state.currentPageId === pageId) {
+      this.updateDocumentTitle(newPage.name);
+    }
     const { config } = this.state;
     let pages = config.pages;
     let newPages = pages.map(page => {
@@ -217,6 +221,10 @@ class Wiki extends Component {
     this.saveWikiConfig(newConfig);
   };
 
+  updateDocumentTitle = (newTitle) => {
+    document.title = newTitle;
+  };
+
   render() {
     return (
       <div id="main" className="wiki-main">

frontend/src/pages/wiki2/wiki-right-header/page-title.js

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Input } from 'reactstrap';
 import { gettext } from '../../../utils/constants';
 import { WIKI_COVER_LIST } from '../constant';
-import HeaderIcon from './page-icon';
+import PageIcon from './page-icon';
 import { generateARandomEmoji, generateEmojiIcon } from '../utils/emoji-utils';
 
 import './page-title.css';
@@ -63,7 +63,7 @@ const PageTitle = ({ currentPageConfig, onUpdatePage }) => {
   return (
     <div id="wiki-page-title" className='wiki-page-title-wrapper' onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>
       {currentPageConfig.icon && (
-        <HeaderIcon currentPageConfig={currentPageConfig} onUpdatePage={onUpdatePage} />
+        <PageIcon currentPageConfig={currentPageConfig} onUpdatePage={onUpdatePage} />
       )}
       <div className={classnames('wiki-page-controller', {'show': isShowController})}>
         {!currentPageConfig.icon && (

seahub/templates/wiki/wiki_edit.html

@@ -16,7 +16,7 @@
 {% render_bundle 'wiki2' 'css' %}
 {% endblock %}
 
-{% block wiki_title %} {{h1_head_content}} - {{repo_name}}{% endblock %}
+{% block wiki_title %}{{repo_name}}{% endblock %}
 
 {% block extra_script %}
 <script type="text/javascript">