Merge pull request #6227 from weseek/feat/display-navigation-resize-hexagon

feat :Display navigation resize hexagon

packages/app/src/components/Sidebar.tsx

@@ -15,7 +15,6 @@ import {
 } from '~/stores/ui';
 
 import DrawerToggler from './Navbar/DrawerToggler';
-import { NavigationResizeHexagon } from './Sidebar/NavigationResizeHexagon';
 import { SidebarNav } from './Sidebar/SidebarNav';
 import { StickyStretchableScrollerProps } from './StickyStretchableScroller';
 
@@ -87,6 +86,8 @@ const SidebarContentsWrapper = () => {
 
 
 const Sidebar = (): JSX.Element => {
+  const NavigationResizeHexagon = dynamic(() => import('./Sidebar/NavigationResizeHexagon').then(mod => mod.NavigationResizeHexagon), { ssr: false });
+
   // const { data: isDrawerMode } = useDrawerMode(); Todo Universalize
   const isDrawerMode = false; // dummy
   const { data: isDrawerOpened, mutate: mutateDrawerOpened } = useDrawerOpened();
@@ -341,7 +342,7 @@ const Sidebar = (): JSX.Element => {
                   onClick={toggleNavigationBtnClickHandler}
                 >
                   <span className="hexagon-container" role="presentation">
-                    {/* <NavigationResizeHexagon /> */}
+                    <NavigationResizeHexagon />
                   </span>
                   <span className="hitarea" role="presentation"></span>
                 </button>