blob: ad804769ac577ceb4302189a01e0e89632cb1ebb [file] [log] [blame]
// src/components/BottomRightUpload.tsx
import React, { use } from 'react';
import styles from './corner.module.css';
import { useNavigate } from 'react-router';
import { useSearchParams } from 'react-router-dom';
const BottomRightUpload: React.FC = () => {
const [searchParams] = useSearchParams();
const navigate = useNavigate();
const type = searchParams.get('type');
const handleUploadClick = () => {
navigate('/createPost', { state: { isNewPost: true, type} });
};
return (
<div className={styles.container}>
<button className={styles.uploadButton} onClick={handleUploadClick}>
发布种子
</button>
<div className={styles.filterItem}>
<label htmlFor="category">分区:</label>
<select id="category">
<option value="all">全部</option>
<option value="video">视频</option>
<option value="music">音乐</option>
<option value="game">游戏</option>
<option value="software">软件</option>
</select>
</div>
<div className={styles.filterItem}>
<label htmlFor="rating">评分:</label>
<select id="rating">
<option value="all">全部</option>
<option value="high">高评分</option>
<option value="medium">中评分</option>
<option value="low">低评分</option>
</select>
</div>
<div className={styles.filterItem}>
<label htmlFor="tag">标签:</label>
<input type="text" id="tag" placeholder="输入标签关键词" />
</div>
</div>
);
};
export default BottomRightUpload;