34 lines
923 B
JavaScript
34 lines
923 B
JavaScript
// src/views/Community/components/DynamicNews/ModeToggleButtons.js
|
|
// 事件列表模式切换按钮组
|
|
|
|
import React from 'react';
|
|
import { Button, ButtonGroup } from '@chakra-ui/react';
|
|
|
|
/**
|
|
* 事件列表模式切换按钮组
|
|
* @param {string} mode - 当前模式 'vertical' | 'four-row' | 'mainline'
|
|
* @param {Function} onModeChange - 模式切换回调
|
|
*/
|
|
const ModeToggleButtons = React.memo(({ mode, onModeChange }) => {
|
|
return (
|
|
<ButtonGroup size="sm" isAttached>
|
|
<Button
|
|
onClick={() => onModeChange('vertical')}
|
|
colorScheme="blue"
|
|
variant={mode === 'vertical' ? 'solid' : 'outline'}
|
|
>
|
|
列表
|
|
</Button>
|
|
<Button
|
|
onClick={() => onModeChange('mainline')}
|
|
colorScheme="blue"
|
|
variant={mode === 'mainline' ? 'solid' : 'outline'}
|
|
>
|
|
题材
|
|
</Button>
|
|
</ButtonGroup>
|
|
);
|
|
});
|
|
|
|
export default ModeToggleButtons;
|