Show link depending on the number of migratable private pages

packages/app/src/components/Sidebar/PageTree.tsx

@@ -1,6 +1,8 @@
 import React, { FC, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import { useSWRxV5MigrationStatus } from '~/stores/page-listing';
+
 import ItemsTree from './PageTree/ItemsTree';
 import PrivateLegacyPages from './PageTree/PrivateLegacyPages';
 
@@ -8,6 +10,8 @@ import PrivateLegacyPages from './PageTree/PrivateLegacyPages';
 const PageTree: FC = memo(() => {
   const { t } = useTranslation();
 
+  const { data } = useSWRxV5MigrationStatus();
+
   return (
     <>
       <div className="grw-sidebar-content-header p-3">
@@ -16,7 +20,14 @@ const PageTree: FC = memo(() => {
 
       <div className="grw-sidebar-content-body">
         <ItemsTree />
-        <PrivateLegacyPages />
+      </div>
+
+      <div className="grw-sidebar-content-footer">
+        {
+          data?.migratablePagesCount != null && data.migratablePagesCount !== 0 && (
+            <PrivateLegacyPages />
+          )
+        }
       </div>
     </>
   );

packages/app/src/interfaces/page-listing-results.ts

@@ -16,3 +16,8 @@ export interface TargetAndAncestors {
   targetAndAncestors: Partial<IPageForItem>[]
   rootPage: Partial<IPageForItem>,
 }
+
+
+export interface V5MigrationStatus {
+  migratablePagesCount: number
+}

packages/app/src/server/routes/apiv3/pages.js

@@ -710,5 +710,15 @@ module.exports = (crowi) => {
     return res.apiv3({ isV5Compatible });
   });
 
+  router.get('/v5-migration-status', accessTokenParser, loginRequired, async(req, res) => {
+    try {
+      const migratablePagesCount = await crowi.pageService.v5MigratablePrivatePagesCount(req.user);
+      return res.apiv3({ migratablePagesCount });
+    }
+    catch (err) {
+      return res.apiv3Err(new ErrorV3('Failed to obtain migration status'));
+    }
+  });
+
   return router;
 };

packages/app/src/server/service/page.js

@@ -1,4 +1,5 @@
 import { pagePathUtils } from '@growi/core';
+import Page from '~/components/Page';
 import loggerFactory from '~/utils/logger';
 
 const mongoose = require('mongoose');
@@ -952,6 +953,14 @@ class PageService {
     }
   }
 
+  async v5MigratablePrivatePagesCount(user) {
+    if (user == null) {
+      throw Error('user is required');
+    }
+    const Page = this.crowi.model('Page');
+    return Page.count({ parent: null, creator: user, grant: { $ne: Page.GRANT_PUBLIC } });
+  }
+
 }
 
 module.exports = PageService;

packages/app/src/stores/page-listing.tsx

@@ -1,7 +1,7 @@
 import useSWR, { SWRResponse } from 'swr';
 
 import { apiv3Get } from '../client/util/apiv3-client';
-import { AncestorsChildrenResult, ChildrenResult } from '../interfaces/page-listing-results';
+import { AncestorsChildrenResult, ChildrenResult, V5MigrationStatus } from '../interfaces/page-listing-results';
 
 
 export const useSWRxPageAncestorsChildren = (
@@ -30,3 +30,14 @@ export const useSWRxPageChildren = (
     }),
   );
 };
+
+export const useSWRxV5MigrationStatus = (): SWRResponse<V5MigrationStatus, Error> => {
+  return useSWR(
+    '/pages/v5-migration-status',
+    endpoint => apiv3Get(endpoint).then((response) => {
+      return {
+        migratablePagesCount: response.data.migratablePagesCount,
+      };
+    }),
+  );
+};