update pay ui

src/views/EventDetail/components/HistoricalEvents.js

@@ -1,6 +1,5 @@
 // src/views/EventDetail/components/HistoricalEvents.js
 import React, { useState, useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
 import {
     Box,
     VStack,
@@ -21,7 +20,6 @@ import {
     ModalHeader,
     ModalCloseButton,
     ModalBody,
-    Link,
     Flex,
     Collapse
 } from '@chakra-ui/react';
@@ -42,8 +40,6 @@ const HistoricalEvents = ({
     loading = false,
     error = null
 }) => {
-    const navigate = useNavigate();
-
     // 状态管理
     const [selectedEventForStocks, setSelectedEventForStocks] = useState(null);
     const [stocksModalOpen, setStocksModalOpen] = useState(false);
@@ -117,10 +113,10 @@ const HistoricalEvents = ({
         setSelectedEventForStocks(null);
     };
 
-    // 处理卡片点击跳转到事件详情页
-    const handleCardClick = (event) => {
-        navigate(`/event-detail/${event.id}`);
-    };
+    // 历史事件卡片不需要点击跳转（历史事件ID与主事件不同，链接无效）
+    // const handleCardClick = (event) => {
+    //     navigate(`/event-detail/${event.id}`);
+    // };
 
     // 获取重要性颜色
     const getImportanceColor = (importance) => {
@@ -250,8 +246,6 @@ const HistoricalEvents = ({
                             borderRadius="lg"
                             position="relative"
                             overflow="visible"
-                            cursor="pointer"
-                            onClick={() => handleCardClick(event)}
                             _before={{
                                 content: '""',
                                 position: 'absolute',
@@ -263,10 +257,6 @@ const HistoricalEvents = ({
                                 borderTopLeftRadius: 'lg',
                                 borderTopRightRadius: 'lg',
                             }}
-                            _hover={{
-                                boxShadow: 'lg',
-                                borderColor: 'blue.400',
-                            }}
                             transition="all 0.2s"
                         >
                             <VStack align="stretch" spacing={3} p={4}>
@@ -280,12 +270,6 @@ const HistoricalEvents = ({
                                             fontWeight="bold"
                                             color={useColorModeValue('blue.500', 'blue.300')}
                                             lineHeight="1.4"
-                                            cursor="pointer"
-                                            onClick={(e) => {
-                                                e.stopPropagation();
-                                                handleCardClick(event);
-                                            }}
-                                            _hover={{ textDecoration: 'underline' }}
                                         >
                                             {event.title || '未命名事件'}
                                         </Text>