43 lines
1.1 KiB
JavaScript
43 lines
1.1 KiB
JavaScript
// src/views/Community/components/EventTimelineHeader.js
|
|
// 事件时间轴标题组件
|
|
|
|
import React from 'react';
|
|
import {
|
|
Flex,
|
|
VStack,
|
|
HStack,
|
|
Heading,
|
|
Text,
|
|
Badge
|
|
} from '@chakra-ui/react';
|
|
import { TimeIcon } from '@chakra-ui/icons';
|
|
|
|
/**
|
|
* 事件时间轴标题组件
|
|
* @param {Date} lastUpdateTime - 最后更新时间
|
|
*/
|
|
const EventTimelineHeader = ({ lastUpdateTime }) => {
|
|
return (
|
|
<Flex justify="space-between" align="center">
|
|
<VStack align="start" spacing={1}>
|
|
<Heading size="md">
|
|
<HStack>
|
|
<TimeIcon />
|
|
<Text>实时事件</Text>
|
|
</HStack>
|
|
</Heading>
|
|
<HStack fontSize="sm" color="gray.500">
|
|
<Badge colorScheme="green">全网监控</Badge>
|
|
<Badge colorScheme="orange">智能捕获</Badge>
|
|
<Badge colorScheme="purple">深度分析</Badge>
|
|
</HStack>
|
|
</VStack>
|
|
<Text fontSize="xs" color="gray.500">
|
|
最后更新: {lastUpdateTime.toLocaleTimeString()}
|
|
</Text>
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
export default EventTimelineHeader;
|