From fd5b74ec16cebe614285ce5e8dac3b79fba0c5fa Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Tue, 23 Dec 2025 14:15:29 +0800
Subject: [PATCH] =?UTF-8?q?refactor(HotSectors):=20=E7=83=AD=E9=97=A8?=
 =?UTF-8?q?=E6=9D=BF=E5=9D=97=E4=BB=8E=E4=BB=AA=E8=A1=A8=E7=9B=98=E7=A7=BB?=
 =?UTF-8?q?=E8=87=B3=E5=85=A8=E5=B1=80=E5=B7=A5=E5=85=B7=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- WatchSidebar 展开状态添加热门板块模块
- MarketOverview 移除热门板块，布局从 4 列改为 3 列
- 避免热门板块在页面和工具栏重复显示

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../MarketDashboard/components/MarketOverview.js    | 13 +++----------
 src/views/Profile/components/WatchSidebar/index.js  | 13 ++++++++++++-
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/views/Profile/components/MarketDashboard/components/MarketOverview.js b/src/views/Profile/components/MarketDashboard/components/MarketOverview.js
index d10479c4..0669e9b0 100644
--- a/src/views/Profile/components/MarketDashboard/components/MarketOverview.js
+++ b/src/views/Profile/components/MarketDashboard/components/MarketOverview.js
@@ -1,19 +1,18 @@
 // 市场概况组件 - 顶部横条（与事件中心头部保持一致）
-// 布局：上证指数 | 深证成指 | 创业板指+涨跌分布 | 热门板块
+// 布局：上证指数 | 深证成指 | 创业板指+涨跌分布
 import React from 'react';
 import { Box, SimpleGrid } from '@chakra-ui/react';
 import {
   IndexKLineCard,
   GemIndexCard,
-  HotSectorsRanking,
 } from './atoms';
 
 const MarketOverview = ({ marketStats = {} }) => {
   return (
     <Box borderRadius="xl">
-      {/* 4列网格布局：上证指数 | 深证成指 | 创业板指+涨跌 | 热门板块 */}
+      {/* 3列网格布局：上证指数 | 深证成指 | 创业板指+涨跌 */}
       <SimpleGrid
-        columns={{ base: 2, md: 4 }}
+        columns={{ base: 2, md: 3 }}
         spacing={3}
       >
         {/* 上证指数 - K线卡片 */}
@@ -36,12 +35,6 @@ const MarketOverview = ({ marketStats = {} }) => {
           fallCount={marketStats.fallCount || 2034}
           flatCount={marketStats.flatCount || 312}
         />
-
-        {/* 热门板块排行 */}
-        <HotSectorsRanking
-          sectors={marketStats.hotSectors || []}
-          title="热门板块"
-        />
       </SimpleGrid>
     </Box>
   );
diff --git a/src/views/Profile/components/WatchSidebar/index.js b/src/views/Profile/components/WatchSidebar/index.js
index 565a7b8f..3d043c3c 100644
--- a/src/views/Profile/components/WatchSidebar/index.js
+++ b/src/views/Profile/components/WatchSidebar/index.js
@@ -1,8 +1,9 @@
-// 右侧边栏 - 关注股票和关注事件（两个独立模块）
+// 右侧边栏 - 关注股票、关注事件、热门板块（三个独立模块）
 import React from 'react';
 import { VStack } from '@chakra-ui/react';
 import GlassCard from '@components/GlassCard';
 import { WatchlistPanel, FollowingEventsPanel } from './components';
+import HotSectorsRanking from '@views/Profile/components/MarketDashboard/components/atoms/HotSectorsRanking';
 
 const WatchSidebar = ({
   watchlist = [],
@@ -51,6 +52,16 @@ const WatchSidebar = ({
           onUnfollow={onUnfollow}
         />
       </GlassCard>
+
+      {/* 热门板块 - 独立模块 */}
+      <GlassCard
+        variant="transparent"
+        rounded="xl"
+        padding="sm"
+        hoverable={false}
+      >
+        <HotSectorsRanking title="热门板块" />
+      </GlassCard>
     </VStack>
   );
 };