diff --git a/frontend/src/components/main-side-nav-folded.js b/frontend/src/components/main-side-nav-folded.js
index 4c847f1542..6a4b5d94c4 100644
--- a/frontend/src/components/main-side-nav-folded.js
+++ b/frontend/src/components/main-side-nav-folded.js
@@ -2,7 +2,7 @@ import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import ModalPortal from './modal-portal';
 import { Link } from '@gatsbyjs/reach-router';
-import { gettext, siteRoot, canInvitePeople, enableTC, sideNavFooterCustomHtml, showWechatSupportGroup,
+import { gettext, siteRoot, canInvitePeople, canCreateWiki, enableTC, sideNavFooterCustomHtml, showWechatSupportGroup,
   isPro, isDBSqlite3, customNavItems, mediaUrl, curNoteMsg, enableShowAbout } from '../utils/constants';
 import { SIDE_PANEL_FOLDED_WIDTH, SUB_NAV_ITEM_HEIGHT } from '../constants';
 import Tip from './side-nav-icon-tip';
@@ -183,6 +183,7 @@ class MainSideNavFolded extends React.Component {
                 </>
                 }
 
+                {canCreateWiki &&
                 <li className={`nav-item ${this.getActiveClass('published')}`} onMouseEnter={this.closeSubNav}>
                   <Link
                     className={`nav-link ellipsis ${this.getActiveClass('published')}`}
@@ -194,6 +195,7 @@ class MainSideNavFolded extends React.Component {
                     <Tip target="main-side-nav-folded-wikis" text={gettext('Wikis')} />
                   </Link>
                 </li>
+                }
 
                 {canInvitePeople &&
                 <li className={`nav-item ${this.getActiveClass('invitations')}`} onMouseEnter={this.closeSubNav}>
diff --git a/frontend/src/components/main-side-nav.js b/frontend/src/components/main-side-nav.js
index 243628e7e3..d11242682b 100644
--- a/frontend/src/components/main-side-nav.js
+++ b/frontend/src/components/main-side-nav.js
@@ -6,7 +6,7 @@ import {
   gettext, siteRoot, canAddGroup, canAddRepo, canShareRepo,
   canGenerateShareLink, canGenerateUploadLink, canInvitePeople,
   enableTC, sideNavFooterCustomHtml, enableShowAbout, showWechatSupportGroup,
-  canViewOrg, enableOCM, enableOCMViaWebdav,
+  canViewOrg, enableOCM, enableOCMViaWebdav, canCreateWiki,
   isPro, isDBSqlite3, customNavItems, mediaUrl, helpLink
 } from '../utils/constants';
 import { seafileAPI } from '../utils/seafile-api';
@@ -263,12 +263,14 @@ class MainSideNav extends React.Component {
                 </Link>
               </li>
               }
+              {canCreateWiki &&
               <li className={`nav-item ${this.getActiveClass('published')}`}>
                 <Link className={`nav-link ellipsis ${this.getActiveClass('published')}`} to={siteRoot + 'published/'} title={gettext('Wikis')} onClick={(e) => this.tabItemClick(e, 'published')}>
                   <span className="sf3-font-wiki sf3-font" aria-hidden="true"></span>
                   <span className="nav-text">{gettext('Wikis')}</span>
                 </Link>
               </li>
+              }
               {canInvitePeople &&
               <li className={`nav-item ${this.getActiveClass('invitations')}`}>
                 <Link className={`nav-link ellipsis ${this.getActiveClass('invitations')}`} to={siteRoot + 'invitations/'} title={gettext('Invite Guest')} onClick={(e) => this.tabItemClick(e, 'invitations')}>