rm SidebarNavSkeleton

packages/app/src/components/Sidebar.tsx

@@ -17,7 +17,7 @@ import {
 import DrawerToggler from './Navbar/DrawerToggler';
 import { NavigationResizeHexagon } from './Sidebar/NavigationResizeHexagon';
 import SidebarContents from './Sidebar/SidebarContents';
-import { SidebarNavSkeleton } from './Sidebar/SidebarNav';
+import { SidebarNav } from './Sidebar/SidebarNav';
 import { StickyStretchableScroller } from './StickyStretchableScroller';
 
 import styles from './Sidebar.module.scss';
@@ -28,7 +28,6 @@ const sidebarMinimizeWidth = 20;
 const sidebarFixedWidthInDrawerMode = 320;
 
 const GlobalNavigation = () => {
-  const SidebarNav = dynamic(() => import('./Sidebar/SidebarNav').then(mod => mod.SidebarNav), { ssr: false });
   const { data: isDrawerMode } = useDrawerMode();
   const { data: currentContents } = useCurrentSidebarContents();
   const { data: isCollapsed, mutate: mutateSidebarCollapsed } = useSidebarCollapsed();

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

@@ -103,44 +103,3 @@ export const SidebarNav: FC<Props> = (props: Props) => {
   );
 
 };
-
-// Skeleton Component
-export const SidebarNavSkeleton: FC = memo(() => {
-
-  const PrimaryItemSkeleton = () => {
-    return (
-      <button
-        type="button"
-        className="d-block btn btn-primary"
-      >
-        <i className="fa fa-square" aria-hidden="true"></i>
-      </button>
-    );
-  };
-
-  const SecondaryItemSkeleton = () => {
-    return (
-      <a href='/' className="d-block btn btn-primary">
-        <i className="fa fa-square" aria-hidden="true"></i>
-      </a>
-    );
-  };
-
-  return (
-    <div className={`grw-sidebar-nav ${styles['grw-sidebar-nav']}`}>
-      <div className="grw-sidebar-nav-primary-container">
-        <PrimaryItemSkeleton />
-        <PrimaryItemSkeleton />
-        <PrimaryItemSkeleton />
-        <PrimaryItemSkeleton />
-      </div>
-      <div className="grw-sidebar-nav-secondary-container">
-        <SecondaryItemSkeleton />
-        <SecondaryItemSkeleton />
-        <SecondaryItemSkeleton />
-        <SecondaryItemSkeleton />
-      </div>
-    </div>
-  );
-});
-SidebarNavSkeleton.displayName = 'SidebarNavSkeleton';