add pageUser

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

@@ -4,10 +4,12 @@ import propTypes from 'prop-types';
 import { withUnstatedContainers } from '../UnstatedUtils';
 import NavigationContainer from '../../services/NavigationContainer';
 import AppContainer from '../../services/AppContainer';
+import PageContainer from '../../services/PageContainer';
 import PageAccessoriesContainer from '../../services/PageAccessoriesContainer';
 import Editor from '../PageEditor';
 import Page from '../Page';
 import TableOfContents from '../TableOfContents';
+import UserContentsLinks from '../UserContentsLinks';
 import PageAccessoriesModalControl from '../PageAccessoriesModalControl';
 import PageAccessoriesModal from '../PageAccessoriesModal';
 import PageEditorByHackmd from '../PageEditorByHackmd';
@@ -15,8 +17,11 @@ import EditorNavbarBottom from '../PageEditor/EditorNavbarBottom';
 
 
 const DisplaySwitcher = (props) => {
-  const { navigationContainer, appContainer, pageAccessoriesContainer } = props;
+  const {
+    navigationContainer, appContainer, pageContainer, pageAccessoriesContainer,
+  } = props;
   const { editorMode, isDeviceSmallerThanMd } = navigationContainer.state;
+  const { pageUser } = pageContainer.state;
   const { isGuestUser, isSharedUser } = appContainer;
   const { closePageAccessoriesModal } = pageAccessoriesContainer;
   const { isPageAccessoriesModalShown } = pageAccessoriesContainer.state;
@@ -25,7 +30,7 @@ const DisplaySwitcher = (props) => {
     <>
       <TabContent activeTab={editorMode}>
         <TabPane tabId="view">
-          {(isDeviceSmallerThanMd) ? (
+          {isDeviceSmallerThanMd ? (
             <div className="d-flex d-lg-none justify-content-end border-bottom">
               <PageAccessoriesModalControl
                 isGuestUser={isGuestUser}
@@ -42,6 +47,7 @@ const DisplaySwitcher = (props) => {
                  <div id="revision-toc" className="revision-toc">
                    <TableOfContents />
                  </div>
+                 {pageUser && <UserContentsLinks />}
                </div>
              </div>
           )}
@@ -72,8 +78,9 @@ const DisplaySwitcher = (props) => {
 DisplaySwitcher.propTypes = {
   navigationContainer: propTypes.instanceOf(NavigationContainer).isRequired,
   appContainer: propTypes.instanceOf(AppContainer).isRequired,
+  pageContainer: propTypes.instanceOf(PageContainer).isRequired,
   pageAccessoriesContainer: propTypes.instanceOf(PageAccessoriesContainer).isRequired,
 };
 
 
-export default withUnstatedContainers(DisplaySwitcher, [NavigationContainer, AppContainer, PageAccessoriesContainer]);
+export default withUnstatedContainers(DisplaySwitcher, [NavigationContainer, AppContainer, PageContainer, PageAccessoriesContainer]);