阳菜,放晴! | 77743f4 | 2025-06-06 23:04:08 +0800 | [diff] [blame] | 1 | // src/components/BottomRightUpload.tsx |
San3yuan | 30e245f | 2025-06-07 20:04:23 +0800 | [diff] [blame] | 2 | import React, { use } from 'react'; |
阳菜,放晴! | 77743f4 | 2025-06-06 23:04:08 +0800 | [diff] [blame] | 3 | import styles from './corner.module.css'; |
| 4 | import { useNavigate } from 'react-router'; |
San3yuan | 30e245f | 2025-06-07 20:04:23 +0800 | [diff] [blame] | 5 | import { useSearchParams } from 'react-router-dom'; |
阳菜,放晴! | 77743f4 | 2025-06-06 23:04:08 +0800 | [diff] [blame] | 6 | const BottomRightUpload: React.FC = () => { |
San3yuan | 30e245f | 2025-06-07 20:04:23 +0800 | [diff] [blame] | 7 | const [searchParams] = useSearchParams(); |
阳菜,放晴! | 77743f4 | 2025-06-06 23:04:08 +0800 | [diff] [blame] | 8 | const navigate = useNavigate(); |
San3yuan | 30e245f | 2025-06-07 20:04:23 +0800 | [diff] [blame] | 9 | const type = searchParams.get('type'); |
阳菜,放晴! | 77743f4 | 2025-06-06 23:04:08 +0800 | [diff] [blame] | 10 | const handleUploadClick = () => { |
San3yuan | 30e245f | 2025-06-07 20:04:23 +0800 | [diff] [blame] | 11 | navigate('/createPost', { state: { isNewPost: true, type} }); |
阳菜,放晴! | 77743f4 | 2025-06-06 23:04:08 +0800 | [diff] [blame] | 12 | }; |
| 13 | |
| 14 | return ( |
| 15 | <div className={styles.container}> |
| 16 | <button className={styles.uploadButton} onClick={handleUploadClick}> |
| 17 | 发布种子 |
| 18 | </button> |
| 19 | |
| 20 | <div className={styles.filterItem}> |
| 21 | <label htmlFor="category">分区:</label> |
| 22 | <select id="category"> |
| 23 | <option value="all">全部</option> |
| 24 | <option value="video">视频</option> |
| 25 | <option value="music">音乐</option> |
| 26 | <option value="game">游戏</option> |
| 27 | <option value="software">软件</option> |
| 28 | </select> |
| 29 | </div> |
| 30 | |
| 31 | <div className={styles.filterItem}> |
| 32 | <label htmlFor="rating">评分:</label> |
| 33 | <select id="rating"> |
| 34 | <option value="all">全部</option> |
| 35 | <option value="high">高评分</option> |
| 36 | <option value="medium">中评分</option> |
| 37 | <option value="low">低评分</option> |
| 38 | </select> |
| 39 | </div> |
| 40 | |
| 41 | <div className={styles.filterItem}> |
| 42 | <label htmlFor="tag">标签:</label> |
| 43 | <input type="text" id="tag" placeholder="输入标签关键词" /> |
| 44 | </div> |
| 45 | </div> |
| 46 | ); |
| 47 | }; |
| 48 | |
| 49 | export default BottomRightUpload; |