refactor: 删除 FilterModal 筛选弹窗组件
- 移除 FilterModal.js 文件 - 简化组件结构,筛选功能保留在 CardHeader 的 UnifiedSearchBox 中 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,58 +0,0 @@
|
||||
// src/views/Community/components/DynamicNewsCard/FilterModal.js
|
||||
// 筛选弹窗组件
|
||||
|
||||
import React from 'react';
|
||||
import {
|
||||
Modal,
|
||||
ModalOverlay,
|
||||
ModalContent,
|
||||
ModalHeader,
|
||||
ModalBody,
|
||||
ModalCloseButton,
|
||||
} from '@chakra-ui/react';
|
||||
import UnifiedSearchBox from '../UnifiedSearchBox';
|
||||
|
||||
/**
|
||||
* 筛选弹窗组件
|
||||
* @param {boolean} isOpen - Modal 是否打开
|
||||
* @param {function} onClose - 关闭 Modal 回调
|
||||
* @param {object} filters - 当前筛选条件
|
||||
* @param {array} popularKeywords - 热门关键词
|
||||
* @param {function} onSearch - 搜索回调
|
||||
* @param {function} onSearchFocus - 搜索框聚焦回调
|
||||
* @param {string} mode - 当前模式 ('vertical' | 'four-row')
|
||||
* @param {number} pageSize - 每页大小 (10 | 30)
|
||||
*/
|
||||
const FilterModal = ({
|
||||
isOpen,
|
||||
onClose,
|
||||
filters,
|
||||
popularKeywords,
|
||||
onSearch,
|
||||
onSearchFocus,
|
||||
mode,
|
||||
pageSize
|
||||
}) => {
|
||||
return (
|
||||
<Modal isOpen={isOpen} onClose={onClose} size="4xl" scrollBehavior="outside">
|
||||
<ModalOverlay />
|
||||
<ModalContent maxW="90vw">
|
||||
<ModalHeader>筛选条件</ModalHeader>
|
||||
<ModalCloseButton />
|
||||
<ModalBody pb={6} overflow="visible">
|
||||
{/* 直接复用 UnifiedSearchBox */}
|
||||
<UnifiedSearchBox
|
||||
filters={filters}
|
||||
popularKeywords={popularKeywords}
|
||||
onSearch={onSearch}
|
||||
onSearchFocus={onSearchFocus}
|
||||
mode={mode}
|
||||
pageSize={pageSize}
|
||||
/>
|
||||
</ModalBody>
|
||||
</ModalContent>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
|
||||
export default FilterModal;
|
||||
Reference in New Issue
Block a user