blob: ad804769ac577ceb4302189a01e0e89632cb1ebb [file] [log] [blame]
阳菜,放晴!77743f42025-06-06 23:04:08 +08001// src/components/BottomRightUpload.tsx
San3yuan30e245f2025-06-07 20:04:23 +08002import React, { use } from 'react';
阳菜,放晴!77743f42025-06-06 23:04:08 +08003import styles from './corner.module.css';
4import { useNavigate } from 'react-router';
San3yuan30e245f2025-06-07 20:04:23 +08005import { useSearchParams } from 'react-router-dom';
阳菜,放晴!77743f42025-06-06 23:04:08 +08006const BottomRightUpload: React.FC = () => {
San3yuan30e245f2025-06-07 20:04:23 +08007 const [searchParams] = useSearchParams();
阳菜,放晴!77743f42025-06-06 23:04:08 +08008 const navigate = useNavigate();
San3yuan30e245f2025-06-07 20:04:23 +08009 const type = searchParams.get('type');
阳菜,放晴!77743f42025-06-06 23:04:08 +080010 const handleUploadClick = () => {
San3yuan30e245f2025-06-07 20:04:23 +080011 navigate('/createPost', { state: { isNewPost: true, type} });
阳菜,放晴!77743f42025-06-06 23:04:08 +080012 };
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
49export default BottomRightUpload;