success to show nav tab content

src/client/js/components/CustomNavbar.jsx

@@ -16,11 +16,11 @@ import { withTranslation } from 'react-i18next';
 
 import { withUnstatedContainers } from './UnstatedUtils';
 import PageAccessoriesContainer from '../services/PageAccessoriesContainer';
-import PageAttachment from './PageAttachment';
-import PageTimeline from './PageTimeline';
-import PageList from './PageList';
-import PageHistory from './PageHistory';
-import ShareLink from './ShareLink/ShareLink';
+// import PageAttachment from './PageAttachment';
+// import PageTimeline from './PageTimeline';
+// import PageList from './PageList';
+// import PageHistory from './PageHistory';
+// import ShareLink from './ShareLink/ShareLink';
 
 
 const CustomNavbar = (props) => {
@@ -82,9 +82,9 @@ const CustomNavbar = (props) => {
       <hr className="my-0 grw-nav-slide-hr border-none" style={{ width: `${sliderWidth}%`, marginLeft: `${sliderMarginLeft}%` }} />
       <TabContent activeTab={activeTab} className="p-5">
         <TabPane tabId="pagelist">
-          {pageAccessoriesContainer.state.activeComponents.has('pagelist') && <PageList />}
+          {props.navContents}
         </TabPane>
-        <TabPane tabId="timeline">
+        {/* <TabPane tabId="timeline">
           {pageAccessoriesContainer.state.activeComponents.has('timeline') && <PageTimeline /> }
         </TabPane>
         <TabPane tabId="pageHistory">
@@ -97,7 +97,7 @@ const CustomNavbar = (props) => {
         </TabPane>
         <TabPane tabId="shareLink">
           {pageAccessoriesContainer.state.activeComponents.has('shareLink') && <ShareLink />}
-        </TabPane>
+        </TabPane> */}
       </TabContent>
 
       {/* <Nav className="nav-title" id="nav-title">
@@ -147,8 +147,8 @@ CustomNavbar.propTypes = {
   i18n: PropTypes.array,
   index: PropTypes.array,
   icons: PropTypes.array,
-  contents: PropTypes.array,
   navTabMapping: PropTypes.object,
+  navContents: PropTypes.array,
 };
 
 export default withTranslation()(PageAccessoriesModalWrapper);

src/client/js/components/Page/TrashPageAlert.jsx

@@ -155,6 +155,7 @@ const TrashPageAlert = (props) => {
 
       <CustomNavbar
         navTabMapping={navTabMapping}
+        navContents={['aaa', ['bbb'], ['ccc'], ['ddd'], ['eee']]}
       />
     </>
   );