From 0697098e269ab8c2cdf7a6a298031890e0da2527 Mon Sep 17 00:00:00 2001
From: Yukko <17264509+yukkodesu@users.noreply.github.com>
Date: Wed, 4 Jun 2025 22:38:03 +0800
Subject: [PATCH] Unify theme with both light & dark version (#3)

* Add theme_switcher and some theme

* Unify theme with both light & dark version

* Use anchor instead of window.open

* Remove if-else in select sort

* Change select sort color to primary
---
 frontend/src/pages/home_page.tsx | 18 +++---------------
 1 file changed, 3 insertions(+), 15 deletions(-)

diff --git a/frontend/src/pages/home_page.tsx b/frontend/src/pages/home_page.tsx
index 16a5c80..bbe6e97 100644
--- a/frontend/src/pages/home_page.tsx
+++ b/frontend/src/pages/home_page.tsx
@@ -33,22 +33,10 @@ export default function HomePage() {
       <div className={"flex p-4 items-center"}>
         <select
           value={order}
-          className="select w-52 select-info"
+          className="select w-52 select-primary"
           onInput={(e) => {
-            const value = e.currentTarget.value;
-            if (value === "0") {
-              setOrder(RSort.TimeAsc);
-            } else if (value === "1") {
-              setOrder(RSort.TimeDesc);
-            } else if (value === "2") {
-              setOrder(RSort.ViewsAsc);
-            } else if (value === "3") {
-              setOrder(RSort.ViewsDesc);
-            } else if (value === "4") {
-              setOrder(RSort.DownloadsAsc);
-            } else if (value === "5") {
-              setOrder(RSort.DownloadsDesc);
-            }
+            const value = Number(e.currentTarget.value);
+            setOrder(value as RSort);
           }}
         >
           <option disabled>{t("Select a Order")}</option>