From 138d7fd429fc0ebbb62dc5821f4d5d23e9545982 Mon Sep 17 00:00:00 2001
From: nyne <me@nyne.dev>
Date: Sun, 25 May 2025 12:01:57 +0800
Subject: [PATCH] Persist home page sorting order in app context and set
 default value

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

diff --git a/frontend/src/pages/home_page.tsx b/frontend/src/pages/home_page.tsx
index e65c60c..656fd72 100644
--- a/frontend/src/pages/home_page.tsx
+++ b/frontend/src/pages/home_page.tsx
@@ -7,17 +7,31 @@ import Button from "../components/button.tsx";
 import {MdInfoOutline} from "react-icons/md";
 import {useTranslation} from "react-i18next";
 import {useNavigate} from "react-router";
+import {useAppContext} from "../components/AppContext.tsx";
 
 export default function HomePage() {
   useEffect(() => {
     document.title = app.appName;
   }, [])
 
-  const [order, setOrder] = useState(RSort.TimeDesc)
-
   const {t} = useTranslation()
 
   const navigate = useNavigate()
+  
+  const appContext = useAppContext()
+
+  const [order, setOrder] = useState(() => {
+    if (appContext && appContext.get("home_page_order") !== undefined) {
+      return appContext.get("home_page_order");
+    }
+    return RSort.TimeDesc;
+  })
+
+  useEffect(() => {
+    if (appContext && order !== RSort.TimeDesc) {
+      appContext.set("home_page_order", order);
+    }
+  }, [appContext, order]);
 
   return <>
     <div className={"flex p-4 items-center"}>