update pay function

src/views/Community/components/DynamicNewsDetail/StockListItem.js

@@ -18,7 +18,8 @@ import {
 import { StarIcon } from '@chakra-ui/icons';
 import MiniTimelineChart from '../StockDetailPanel/components/MiniTimelineChart';
 import MiniKLineChart from './MiniKLineChart';
-import StockChartModal from '../../../../components/StockChart/StockChartModal';
+import TimelineChartModal from '../../../../components/StockChart/TimelineChartModal';
+import KLineChartModal from '../../../../components/StockChart/KLineChartModal';
 import CitedContent from '../../../../components/Citation/CitedContent';
 import { getChangeColor } from '../../../../utils/colorUtils';
 import { PROFESSIONAL_COLORS } from '../../../../constants/professionalTheme';
@@ -51,8 +52,8 @@ const StockListItem = ({
   const dividerColor = PROFESSIONAL_COLORS.border.default;
 
   const [isDescExpanded, setIsDescExpanded] = useState(false);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [modalChartType, setModalChartType] = useState('timeline'); // 跟踪用户点击的图表类型
+  const [isTimelineModalOpen, setIsTimelineModalOpen] = useState(false);
+  const [isKLineModalOpen, setIsKLineModalOpen] = useState(false);
 
   const handleViewDetail = () => {
     const stockCode = stock.stock_code.split('.')[0];
@@ -204,8 +205,7 @@ const StockListItem = ({
             bg="rgba(59, 130, 246, 0.1)"
             onClick={(e) => {
               e.stopPropagation();
-              setModalChartType('timeline'); // 设置为分时图
-              setIsModalOpen(true);
+              setIsTimelineModalOpen(true);
             }}
             cursor="pointer"
             flexShrink={0}
@@ -247,8 +247,7 @@ const StockListItem = ({
             bg="rgba(168, 85, 247, 0.1)"
             onClick={(e) => {
               e.stopPropagation();
-              setModalChartType('daily'); // 设置为日K线
-              setIsModalOpen(true);
+              setIsKLineModalOpen(true);
             }}
             cursor="pointer"
             flexShrink={0}
@@ -380,15 +379,23 @@ const StockListItem = ({
       </HStack>
     </Box>
 
-    {/* 股票详情弹窗 - 未打开时不渲染 */}
-    {isModalOpen && (
-      <StockChartModal
-        isOpen={isModalOpen}
-        onClose={() => setIsModalOpen(false)}
+    {/* 分时图弹窗 */}
+    {isTimelineModalOpen && (
+      <TimelineChartModal
+        isOpen={isTimelineModalOpen}
+        onClose={() => setIsTimelineModalOpen(false)}
+        stock={stock}
+        eventTime={eventTime}
+      />
+    )}
+
+    {/* K线图弹窗 */}
+    {isKLineModalOpen && (
+      <KLineChartModal
+        isOpen={isKLineModalOpen}
+        onClose={() => setIsKLineModalOpen(false)}
         stock={stock}
         eventTime={eventTime}
-        size="6xl"
-        initialChartType={modalChartType} // 传递用户点击的图表类型
       />
     )}
     </>