From df46ba02f91325415393fd777f033b238d34449a Mon Sep 17 00:00:00 2001
From: mydearxym <mydearxym@qq.com>
Date: Sun, 25 Aug 2019 14:15:45 +0800
Subject: [PATCH] refactor(sidebar): dynamic load sortable menulist

---
 src/containers/Sidebar/MenuList.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/containers/Sidebar/MenuList.js b/src/containers/Sidebar/MenuList.js
index 3da580493..6301a60c0 100644
--- a/src/containers/Sidebar/MenuList.js
+++ b/src/containers/Sidebar/MenuList.js
@@ -1,13 +1,21 @@
 import React from 'react'
+import dynamic from 'next/dynamic'
 import R from 'ramda'
 
 import MenuBar from './MenuBar'
 import NormalMenuList from './NormalMenuList'
-import SortableMenuList from './SortableMenuList'
+// import SortableMenuList from './SortableMenuList'
 
 import { Wrapper } from './styles/menu_list'
 import { onSortMenuEnd } from './logic'
 
+const DynamicSortableMenuList = dynamic({
+  loader: () => import('./SortableMenuList'),
+  /* eslint-disable */
+  loading: () => <div>..</div>,
+  /* eslint-enable */
+})
+
 const MenuList = ({
   items,
   pin,
@@ -38,7 +46,7 @@ const MenuList = ({
           forceRerender={forceRerender}
         />
       ) : (
-        <SortableMenuList
+        <DynamicSortableMenuList
           communities={sortableCommunities}
           sortOptActive={sortOptActive}
           pin={pin}