From 240fd8b528ed032a3f0b6eb6b98646fe75f8d48a Mon Sep 17 00:00:00 2001
From: tech <tech@bamboogames.net>
Date: Wed, 4 Mar 2026 02:14:16 +0800
Subject: [PATCH] feat: add download page with SearchForm and ApkList

---
 app/download/page.tsx | 55 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 app/download/page.tsx

diff --git a/app/download/page.tsx b/app/download/page.tsx
new file mode 100644
index 0000000..1c1f3f2
--- /dev/null
+++ b/app/download/page.tsx
@@ -0,0 +1,55 @@
+// app/download/page.tsx
+'use client';
+
+import { useState } from 'react';
+import SearchForm from './SearchForm';
+import ApkList from './ApkList';
+
+export default function DownloadPage() {
+  const [searchParams, setSearchParams] = useState({
+    project: '',
+    version: '',
+    commitId: '',
+  });
+
+  const handleSearch = (project: string, version: string, commitId: string) => {
+    setSearchParams({ project, version, commitId });
+  };
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        <h1 className="text-3xl font-bold text-gray-900 mb-8">资源下载</h1>
+
+        <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+          <div className="lg:col-span-1">
+            <div className="bg-white rounded-lg shadow-md p-6 sticky top-8">
+              <h2 className="text-xl font-semibold text-gray-800 mb-6">搜索</h2>
+              <SearchForm onSearch={handleSearch} />
+            </div>
+          </div>
+
+          <div className="lg:col-span-2">
+            {searchParams.project && searchParams.version ? (
+              <>
+                <h2 className="text-xl font-semibold text-gray-800 mb-4">
+                  {searchParams.project} - {searchParams.version.replace('_', '.')}
+                  {searchParams.commitId && ` (commit: ${searchParams.commitId})`}
+                </h2>
+                <ApkList
+                  project={searchParams.project}
+                  version={searchParams.version}
+                  commitId={searchParams.commitId}
+                />
+              </>
+            ) : (
+              <div className="bg-white rounded-lg shadow-md p-12 text-center">
+                <p className="text-gray-500">请选择项目和版本开始搜索</p>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}