diff --git a/src/views/Community/components/DynamicNewsCard/FilterModal.js b/src/views/Community/components/DynamicNewsCard/FilterModal.js new file mode 100644 index 00000000..a0337d96 --- /dev/null +++ b/src/views/Community/components/DynamicNewsCard/FilterModal.js @@ -0,0 +1,58 @@ +// 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 ( + + + + 筛选条件 + + + {/* 直接复用 UnifiedSearchBox */} + + + + + ); +}; + +export default FilterModal;