上传下载种子

Change-Id: I7fefe993fbfb05279ce03189f2c8aaa901d57998
diff --git a/front/src/TorrentDetailPage.js b/front/src/TorrentDetailPage.js
new file mode 100644
index 0000000..a23dce7
--- /dev/null
+++ b/front/src/TorrentDetailPage.js
@@ -0,0 +1,20 @@
+import React from 'react';

+import { useParams } from 'react-router-dom';

+import './App.css';

+

+export default function TorrentDetailPage() {

+  const { torrentId } = useParams();

+

+  return (

+    <div className="container">

+      <h1>种子详情页</h1>

+      <h2 style={{ fontSize: 'inherit', fontWeight: 'normal', textAlign: 'left' }}>标题: 种子{torrentId}</h2>

+      <p style={{ fontSize: 'inherit', textAlign: 'left' }}>简介: 这是种子{torrentId}的详细信息。</p>

+      <div style={{ textAlign: 'center', marginTop: '20px' }}>

+        <button style={{ padding: '10px 20px', fontSize: '16px', cursor: 'pointer', backgroundColor: '#d3f0ff', border: 'none', borderRadius: '4px' }}>

+          下载

+        </button>

+      </div>

+    </div>

+  );

+}