src/components/corner/corner.tsx

// src/components/BottomRightUpload.tsx
import React from 'react';
import styles from './corner.module.css';
import { useNavigate } from 'react-router';

const BottomRightUpload: React.FC = () => {
  const navigate = useNavigate();

  const handleUploadClick = () => {
    navigate('/postDetails', { state: { isNewPost: true } });
  };

  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;