diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 94f03cd61a..23b288b802 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -9964,7 +9964,7 @@
     },
     "react-popper": {
       "version": "0.8.3",
-      "resolved": "http://registry.npmjs.org/react-popper/-/react-popper-0.8.3.tgz",
+      "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-0.8.3.tgz",
       "integrity": "sha1-D3MzMTfJ+wr27EB00tBYWgoEYeE=",
       "requires": {
         "popper.js": "^1.12.9",
@@ -10793,9 +10793,9 @@
       }
     },
     "seafile-js": {
-      "version": "0.2.44",
-      "resolved": "https://registry.npmjs.org/seafile-js/-/seafile-js-0.2.44.tgz",
-      "integrity": "sha512-GWYou50CGkEsmspTpdfpCKkM7VH6uvah6e56a7zlLdXe6oOpDzAvEmct2Z6Hxo8bPIHv3s769AOPtk6RWOeEwQ==",
+      "version": "0.2.45",
+      "resolved": "https://registry.npmjs.org/seafile-js/-/seafile-js-0.2.45.tgz",
+      "integrity": "sha512-qkKuqUMRKJxyXYYFI2Q4PPCbbxuA7wc6RWs4WTF67cHvh1VwAMNlE4xsRZhKQP0ZdUS+cHf2W8enZvb+dvucJQ==",
       "requires": {
         "axios": "^0.18.0",
         "form-data": "^2.3.2",
diff --git a/frontend/package.json b/frontend/package.json
index 67e24b84e0..57c5bcff91 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -30,7 +30,7 @@
     "react-moment": "^0.7.9",
     "react-select": "^2.1.1",
     "reactstrap": "^6.4.0",
-    "seafile-js": "^0.2.44",
+    "seafile-js": "^0.2.45",
     "seafile-ui": "^0.1.10",
     "sw-precache-webpack-plugin": "0.11.4",
     "unified": "^7.0.0",
diff --git a/frontend/src/pages/repo-wiki-mode/main-panel.js b/frontend/src/pages/repo-wiki-mode/main-panel.js
index 8c5d96c461..ffc7ffc952 100644
--- a/frontend/src/pages/repo-wiki-mode/main-panel.js
+++ b/frontend/src/pages/repo-wiki-mode/main-panel.js
@@ -1,7 +1,7 @@
 import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import cookie from 'react-cookies';
-import { gettext, repoID, siteRoot, slug, permission } from '../../utils/constants';
+import { gettext, repoID, siteRoot, permission } from '../../utils/constants';
 import { seafileAPI } from '../../utils/seafile-api';
 import { Utils } from '../../utils/utils';
 import Repo from '../../models/repo';
@@ -201,13 +201,15 @@ class MainPanel extends Component {
         <div className="main-panel-center flex-row">
           <div className="cur-view-container">
             <div className="cur-view-path">
-              <CurDirPath 
-                repoID={repoID}
-                repoName={slug}
-                currentPath={this.props.path} 
-                permission={permission} 
-                onPathClick={this.onMainNavBarClick}
-              />
+              {this.state.currentRepo && (
+                <CurDirPath 
+                  repoID={repoID}
+                  repoName={this.state.currentRepo.repo_name}
+                  currentPath={this.props.path} 
+                  permission={permission} 
+                  onPathClick={this.onMainNavBarClick}
+                />
+              )}
             </div>
             <div className="cur-view-content" onScroll={this.handlePageScroll} ref="curViewContent">
               {!this.props.pathExist ?