✨ feat: 添加舞蹈市场按钮 & 优化 dynamic 引入 panel

rdmclin2 · rdmclin2 · commit 5d0672b60f89 · 2024-08-18T19:20:26.000+08:00
diff --git a/src/app/chat/Apps.tsx b/src/app/chat/Apps.tsx
@@ -1,7 +1,11 @@
-import { DancePanel, MarketPanel } from '@/panels';
+import dynamic from 'next/dynamic';
+
 import { useGlobalStore } from '@/store/global';
 import { PanelKey } from '@/types/config';
 
+const DancePanel = dynamic(() => import('@/panels/DancePanel'));
+const MarketPanel = dynamic(() => import('@/panels/MarketPanel'));
+
 export const apps = [
   {
     component: <DancePanel />,
diff --git a/src/features/DanceList/index.tsx b/src/features/DanceList/index.tsx
@@ -1,4 +1,4 @@
-import { ActionIcon } from '@lobehub/ui';
+import { ActionIcon, GradientButton } from '@lobehub/ui';
 import { Empty } from 'antd';
 import { createStyles } from 'antd-style';
 import classNames from 'classnames';
@@ -66,7 +66,17 @@ const DanceList = (props: PlayListProps) => {
           return <DanceItem danceItem={item} key={item.danceId} />;
         })}
         {danceList.length === 0 ? (
-          <Empty description={t('dance.noPlayList')} image={Empty.PRESENTED_IMAGE_SIMPLE}></Empty>
+          <Empty description={t('dance.noPlayList')} image={Empty.PRESENTED_IMAGE_SIMPLE}>
+            <GradientButton
+              glow
+              size="middle"
+              onClick={() => {
+                openPanel('dance');
+              }}
+            >
+              {t('dance.musicAndDance')}
+            </GradientButton>
+          </Empty>
         ) : null}
       </Flexbox>
     </Flexbox>
