Use SWR hook to determine if old revisions are being displayed

apps/app/src/components/PageAlert/OldRevisionAlert.tsx

@@ -4,15 +4,16 @@ import { returnPathForURL } from '@growi/core/dist/utils/path-utils';
 import Link from 'next/link';
 import { useTranslation } from 'react-i18next';
 
-import { useSWRxCurrentPage, useIsLatestRevision } from '~/stores/page';
+import { useIsOldRevisionPage } from '~/stores/context';
+import { useSWRxCurrentPage } from '~/stores/page';
 
 export const OldRevisionAlert = (): JSX.Element => {
 
   const { t } = useTranslation();
-  const { data: isLatestRevision } = useIsLatestRevision();
   const { data: page } = useSWRxCurrentPage();
+  const { data: isOldRevisionPage } = useIsOldRevisionPage();
 
-  if (page == null || isLatestRevision == null || isLatestRevision) {
+  if (page == null || !isOldRevisionPage) {
     return <></>;
   }
 

apps/app/src/components/PageEditor/PageEditor.tsx

@@ -28,7 +28,7 @@ import {
   useDefaultIndentSize, useCurrentUser,
   useCurrentPathname, useIsEnabledAttachTitleHeader,
   useIsEditable, useIsIndentSizeForced,
-  useAcceptedUploadFileType,
+  useAcceptedUploadFileType, useIsOldRevisionPage
 } from '~/stores/context';
 import {
   useEditorSettings,
@@ -115,6 +115,7 @@ export const PageEditor = React.memo((props: Props): JSX.Element => {
   const { mutate: mutateRemoteRevisionLastUpdatedAt } = useRemoteRevisionLastUpdatedAt();
   const { mutate: mutateRemoteRevisionLastUpdateUser } = useRemoteRevisionLastUpdateUser();
   const { data: user } = useCurrentUser();
+  const { data: isOldRevisionPage } = useIsOldRevisionPage();
   const { onEditorsUpdated } = useEditingUsers();
 
   const { data: socket } = useGlobalSocket();
@@ -442,7 +443,7 @@ export const PageEditor = React.memo((props: Props): JSX.Element => {
 
       <div className={`flex-expand-horiz ${props.visibility ? '' : 'd-none'}`}>
         <div className="page-editor-editor-container flex-expand-vert border-end">
-          { isLatestRevision
+          { isOldRevisionPage
             ? (
               <CodeMirrorEditorMain
               onChange={markdownChangedHandler}
@@ -480,7 +481,7 @@ export const PageEditor = React.memo((props: Props): JSX.Element => {
         </div>
       </div>
 
-      <EditorNavbarBottom />
+      { !isOldRevisionPage && (<EditorNavbarBottom />) }
 
     </div>
   );

apps/app/src/pages/[[...path]].page.tsx

@@ -40,7 +40,7 @@ import {
   useCsrfToken, useIsSearchScopeChildrenAsDefault, useIsEnabledMarp, useCurrentPathname,
   useIsSlackConfigured, useRendererConfig, useGrowiCloudUri,
   useIsAllReplyShown, useIsContainerFluid, useIsNotCreatable,
-  useIsUploadAllFileAllowed, useIsUploadEnabled,
+  useIsUploadAllFileAllowed, useIsUploadEnabled, useIsOldRevisionPage,
 } from '~/stores/context';
 import { useEditingMarkdown } from '~/stores/editor';
 import {
@@ -175,6 +175,8 @@ type Props = CommonProps & {
   grantData?: IPageGrantData,
 
   rendererConfig: RendererConfig,
+
+  isOldRevisionPage: boolean,
 };
 
 const Page: NextPageWithLayout<Props> = (props: Props) => {
@@ -224,6 +226,8 @@ const Page: NextPageWithLayout<Props> = (props: Props) => {
   useIsUploadAllFileAllowed(props.isUploadAllFileAllowed);
   useIsUploadEnabled(props.isUploadEnabled);
 
+  useIsOldRevisionPage(props.isOldRevisionPage);
+
   const { pageWithMeta } = props;
 
   const pageId = pageWithMeta?.data._id;
@@ -411,6 +415,8 @@ async function injectPageData(context: GetServerSidePropsContext, props: Props):
   const { crowi } = req;
   const { revisionId } = req.query;
 
+  props.isOldRevisionPage = revisionId != null;
+
   const Page = crowi.model('Page') as PageModel;
   const PageRedirect = mongooseModel('PageRedirect') as PageRedirectModel;
   const { pageService, configManager, pageGrantService } = crowi;

apps/app/src/stores/context.tsx

@@ -192,6 +192,11 @@ export const useIsContainerFluid = (initialData?: boolean): SWRResponse<boolean,
   return useStaticSWR('isContainerFluid', initialData);
 };
 
+export const useIsOldRevisionPage = (initialData?: boolean): SWRResponse<boolean, Error> => {
+  return useContextSWR('isOldRevisionPage', initialData);
+};
+
+
 /** **********************************************************
  *                     Computed contexts
  *********************************************************** */