diff --git a/src/views/Community/components/DynamicNewsDetail/CollapsibleHeader.js b/src/views/Community/components/DynamicNewsDetail/CollapsibleHeader.js index b7d2647f..95d32fd4 100644 --- a/src/views/Community/components/DynamicNewsDetail/CollapsibleHeader.js +++ b/src/views/Community/components/DynamicNewsDetail/CollapsibleHeader.js @@ -3,6 +3,7 @@ import React from 'react'; import { + Box, Flex, HStack, Heading, @@ -19,8 +20,9 @@ import { ChevronDownIcon, ChevronUpIcon } from '@chakra-ui/icons'; * @param {boolean} props.isOpen - 是否展开 * @param {Function} props.onToggle - 切换展开/收起的回调 * @param {number} props.count - 可选的数量徽章 + * @param {React.ReactNode} props.subscriptionBadge - 可选的会员标签组件 */ -const CollapsibleHeader = ({ title, isOpen, onToggle, count = null }) => { +const CollapsibleHeader = ({ title, isOpen, onToggle, count = null, subscriptionBadge = null }) => { const sectionBg = useColorModeValue('gray.50', 'gray.750'); const hoverBg = useColorModeValue('gray.100', 'gray.700'); const headingColor = useColorModeValue('gray.700', 'gray.200'); @@ -41,6 +43,11 @@ const CollapsibleHeader = ({ title, isOpen, onToggle, count = null }) => { {title} + {subscriptionBadge && ( + + {subscriptionBadge} + + )} {count !== null && count > 0 && ( {count}