Show link

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

@@ -2,6 +2,7 @@ import React, { FC, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import ItemsTree from './PageTree/ItemsTree';
+import PrivateLegacyPages from './PageTree/PrivateLegacyPages';
 
 
 const PageTree: FC = memo(() => {
@@ -9,12 +10,13 @@ const PageTree: FC = memo(() => {
 
   return (
     <>
-      <div className="grw-sidebar-content-header p-3 d-flex">
+      <div className="grw-sidebar-content-header p-3">
         <h3 className="mb-0">{t('Page Tree')}</h3>
       </div>
 
-      <div className="grw-sidebar-content-body p-3">
+      <div className="grw-sidebar-content-body d-flex flex-column justify-content-between">
         <ItemsTree />
+        <PrivateLegacyPages />
       </div>
     </>
   );

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

@@ -85,7 +85,7 @@ const ItemsTree: FC = () => {
 
   const isOpen = true;
   return (
-    <div className="grw-page-tree">
+    <div className="grw-page-tree p-3">
       <Item key={(initialNode as ItemNode).page.path} itemNode={(initialNode as ItemNode)} isOpen={isOpen} />
     </div>
   );

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

@@ -0,0 +1,16 @@
+import React, { FC, memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+const PrivateLegacyPages: FC = memo(() => {
+  const { t } = useTranslation();
+
+  return (
+    <div className="grw-prvt-legacy-pages p-3">
+      <a href="#" className="h5">
+        <i className="fa fa-inbox mr-2"></i> PrivateLegacyPages
+      </a>
+    </div>
+  );
+});
+
+export default PrivateLegacyPages;

packages/app/src/styles/_page-tree.scss

@@ -10,3 +10,7 @@
     }
   }
 }
+
+.grw-prvt-legacy-pages {
+  border-top: solid 1px gray;
+}