From 9ad8d9d7e9c16fe28a1e72237b677cbd3d4481f0 Mon Sep 17 00:00:00 2001
From: nyne <me@nyne.dev>
Date: Wed, 10 Dec 2025 20:32:41 +0800
Subject: [PATCH] feat: update home page select

---
 frontend/src/pages/home_page.tsx | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/frontend/src/pages/home_page.tsx b/frontend/src/pages/home_page.tsx
index a278096..4695db7 100644
--- a/frontend/src/pages/home_page.tsx
+++ b/frontend/src/pages/home_page.tsx
@@ -40,8 +40,18 @@ export default function HomePage() {
     <>
       <HomeHeader />
       <div className={"flex pt-4 px-4 items-center"}>
-        <Select
-          values={[
+        <select
+          value={order}
+          className="select select-primary max-w-72"
+          onChange={(e) => {
+            const order = parseInt(e.target.value);
+            setOrder(order);
+            if (appContext) {
+              appContext.set("home_page_order", order);
+            }
+          }}
+        >
+          {[
             t("Time Ascending"),
             t("Time Descending"),
             t("Views Ascending"),
@@ -50,15 +60,12 @@ export default function HomePage() {
             t("Downloads Descending"),
             t("Release Date Ascending"),
             t("Release Date Descending"),
-          ]}
-          current={order}
-          onSelected={(index) => {
-            setOrder(index);
-            if (appContext) {
-              appContext.set("home_page_order", index);
-            }
-          }}
-        />
+          ].map((label, idx) => (
+            <option key={idx} value={idx}>
+              {label}
+            </option>
+          ))}
+        </select>
       </div>
       <ResourcesView
         key={`home_page_${order}`}