integrated SidebarHeaderSkeleton

packages/app/src/components/Sidebar/Skeleton/SidebarHeaderSkeleton.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-
-import { Skeleton } from '~/components/Skeleton';
-
-import styles from './SidebarSkeleton.module.scss';
-
-const SidebarHeaderSkeleton = (): JSX.Element => {
-  return (
-    <div className="grw-sidebar-content-header p-3">
-      <Skeleton additionalClass={styles['grw-sidebar-content-header-skeleton']} />
-    </div>
-  );
-};
-export default SidebarHeaderSkeleton;

packages/app/src/components/Sidebar/Skeleton/SidebarSkeleton.tsx

@@ -1,14 +1,24 @@
 import React from 'react';
 
+import { Skeleton } from '~/components/Skeleton';
 import { SidebarContentsType } from '~/interfaces/ui';
 import { useCurrentSidebarContents } from '~/stores/ui';
 
 import CustomSidebarContentSkeleton from './CustomSidebarContentSkeleton';
 import PageTreeContentSkeleton from './PageTreeContentSkeleton';
 import RecentChangesContentSkeleton from './RecentChangesContentSkeleton';
-import SidebarHeaderSkeleton from './SidebarHeaderSkeleton';
 import TagContentSkeleton from './TagContentSkeleton';
 
+import styles from './SidebarSkeleton.module.scss';
+
+export const SidebarHeaderSkeleton = (): JSX.Element => {
+  return (
+    <div className="grw-sidebar-content-header p-3">
+      <Skeleton additionalClass={styles['grw-sidebar-content-header-skeleton']} />
+    </div>
+  );
+};
+
 export const SidebarSkeleton = (): JSX.Element => {
 
   const { data: currentSidebarContents } = useCurrentSidebarContents();