renamed PageTreeSkelton to PageTreeContentSkelton

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

@@ -11,7 +11,7 @@ import { useSWRxV5MigrationStatus } from '~/stores/page-listing';
 import ItemsTree from './PageTree/ItemsTree';
 import { PrivateLegacyPagesLink } from './PageTree/PrivateLegacyPagesLink';
 import { SidebarHeader } from './SidebarHeader';
-import PageTreeSkelton from './Skelton/PageTreeSkelton';
+import PageTreeContentSkelton from './Skelton/PageTreeContentSkelton';
 
 const PageTree: FC = memo(() => {
   const { t } = useTranslation();
@@ -28,7 +28,7 @@ const PageTree: FC = memo(() => {
     return (
       <>
         <SidebarHeader title='Page Tree' />
-        <PageTreeSkelton />
+        <PageTreeContentSkelton />
       </>
     );
   }

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

@@ -24,7 +24,7 @@ import { usePageTreeDescCountMap, useSidebarScrollerRef } from '~/stores/ui';
 import { useGlobalSocket } from '~/stores/websocket';
 import loggerFactory from '~/utils/logger';
 
-import PageTreeSkelton from '../Skelton/PageTreeSkelton';
+import PageTreeContentSkelton from '../Skelton/PageTreeContentSkelton';
 
 import Item from './Item';
 import { ItemNode } from './ItemNode';
@@ -288,7 +288,7 @@ const ItemsTree = (props: ItemsTreeProps): JSX.Element => {
     );
   }
 
-  return <PageTreeSkelton />;
+  return <PageTreeContentSkelton />;
 };
 
 export default ItemsTree;

packages/app/src/components/Sidebar/Skelton/PageTreeSkelton.tsx → packages/app/src/components/Sidebar/Skelton/PageTreeContentSkelton.tsx

@@ -4,7 +4,7 @@ import { Skelton } from '~/components/Skelton';
 
 import styles from '../PageTree/ItemsTree.module.scss';
 
-const PageTreeSkelton = (): JSX.Element => {
+const PageTreeContentSkelton = (): JSX.Element => {
 
   return (
     <ul className={`grw-pagetree ${styles['grw-pagetree']} list-group p-3`} >
@@ -15,4 +15,4 @@ const PageTreeSkelton = (): JSX.Element => {
   );
 };
 
-export default PageTreeSkelton;
+export default PageTreeContentSkelton;

packages/app/src/components/Sidebar/Skelton/SidebarSkelton.tsx

@@ -5,37 +5,37 @@ import { useCurrentSidebarContents } from '~/stores/ui';
 
 // TODO: implement Skelton of other 3 components
 
-// import CustomSidebarSkelton from './CustomSidebarSkelton';
-import PageTreeSkelton from './PageTreeSkelton';
-// import RecentChangesSkelton from './RecentChangesSkelton';
-// import TagSkelton from './TagSkelton';
+// import CustomSidebarContentSkelton from './CustomSidebarContentSkelton';
+import PageTreeContentSkelton from './PageTreeContentSkelton';
+// import RecentChangesContentSkelton from './RecentChangesContentSkelton';
+// import TagContentSkelton from './TagContentSkelton';
 import SidebarHeaderSkelton from './SidebarHeaderSkelton';
 
 export const SidebarSkelton = (): JSX.Element => {
 
   const { data: currentSidebarContents } = useCurrentSidebarContents();
 
-  let Contents;
+  let SidebarContentSkelton;
   switch (currentSidebarContents) {
     /*
     case SidebarContentsType.RECENT:
-      Contents = RecentChangesSkelton;
+      SidebarContentSkelton = RecentChangesContentSkelton;
       break;
     case SidebarContentsType.CUSTOM:
-      Contents = CustomSidebarSkelton;
+      SidebarContentSkelton = CustomSidebarContentSkelton;
       break;
     case SidebarContentsType.TAG:
-      Contents = TagSkelton;
+      SidebarContentSkelton = TagContentSkelton;
       break;
     */
     default:
-      Contents = PageTreeSkelton;
+      SidebarContentSkelton = PageTreeContentSkelton;
   }
 
   return (
     <>
       <SidebarHeaderSkelton />
-      <Contents />
+      <SidebarContentSkelton />
     </>
   );
 };