WIP: refactor PageTree

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

@@ -25,10 +25,10 @@ import { usePageTreeDescCountMap, useSidebarScrollerRef } from '~/stores/ui';
 import { useGlobalSocket } from '~/stores/websocket';
 import loggerFactory from '~/utils/logger';
 
-import PageTreeContentSkeleton from '../Skeleton/PageTreeContentSkeleton';
 
 import Item from './Item';
 import { ItemNode } from './ItemNode';
+import PageTreeContentSkeleton from './PageTreeContentSkeleton';
 
 import styles from './ItemsTree.module.scss';
 

apps/app/src/components/Sidebar/PageTree.tsx → apps/app/src/components/Sidebar/PageTree/PageTree.tsx

@@ -6,9 +6,9 @@ import { useTargetAndAncestors, useIsGuestUser, useIsReadOnlyUser } from '~/stor
 import { useCurrentPagePath, useCurrentPageId } from '~/stores/page';
 import { useSWRxV5MigrationStatus } from '~/stores/page-listing';
 
-import ItemsTree from './PageTree/ItemsTree';
-import { PrivateLegacyPagesLink } from './PageTree/PrivateLegacyPagesLink';
-import PageTreeContentSkeleton from './Skeleton/PageTreeContentSkeleton';
+import ItemsTree from './ItemsTree';
+import { PrivateLegacyPagesLink } from './PrivateLegacyPagesLink';
+import PageTreeContentSkeleton from './PageTreeContentSkeleton';
 
 const PageTreeHeader = () => {
   const { t } = useTranslation();
@@ -20,7 +20,7 @@ const PageTreeHeader = () => {
   );
 };
 
-const PageTree: FC = memo(() => {
+export const PageTree = memo(() => {
   const { t } = useTranslation();
 
   const { data: isGuestUser } = useIsGuestUser();
@@ -87,5 +87,3 @@ const PageTree: FC = memo(() => {
 });
 
 PageTree.displayName = 'PageTree';
-
-export default PageTree;

apps/app/src/components/Sidebar/Skeleton/PageTreeContentSkeleton.tsx → apps/app/src/components/Sidebar/PageTree/PageTreeContentSkeleton.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { Skeleton } from '~/components/Skeleton';
 
-import styles from '../PageTree/ItemsTree.module.scss';
+import styles from './ItemsTree.module.scss';
 
 const PageTreeContentSkeleton = (): JSX.Element => {