Added 'Retain Sorting and Filter preferences' setting

Author: Yelo420

src/pages/Library.tsx

@@ -23,11 +23,39 @@ const ORDER_BY: { label: string; value: "ASC" | "DESC" }[] = [
   { label: "Ascending", value: "ASC" },
 ];
 
+const RETAIN_KEY = 'app_retain_library_prefs';
+const LIB_SORT_KEY = 'app_library_sort';
+const LIB_ORDER_KEY = 'app_library_order';
+
 export default function Library() {
   const { serverUrl } = useAuth();
   const [search, setSearch] = useState("");
-  const [sortBy, setSortBy] = useState("sort_title");
-  const [order, setOrder] = useState<"ASC" | "DESC">("ASC");
+  const [sortBy, setSortBy] = useState(() => {
+    try {
+      if (localStorage.getItem(RETAIN_KEY) === '1') {
+        return localStorage.getItem(LIB_SORT_KEY) || 'sort_title';
+      }
+    } catch {}
+    return 'sort_title';
+  });
+  const [order, setOrder] = useState<"ASC" | "DESC">(() => {
+    try {
+      if (localStorage.getItem(RETAIN_KEY) === '1') {
+        const v = localStorage.getItem(LIB_ORDER_KEY) as 'ASC' | 'DESC' | null;
+        if (v === 'ASC' || v === 'DESC') return v;
+      }
+    } catch {}
+    return 'ASC';
+  });
+  // Persist when changed if retention enabled
+  useEffect(() => {
+    try {
+      if (localStorage.getItem(RETAIN_KEY) === '1') {
+        localStorage.setItem(LIB_SORT_KEY, sortBy);
+        localStorage.setItem(LIB_ORDER_KEY, order);
+      }
+    } catch {}
+  }, [sortBy, order]);
   // Defer search to avoid spamming requests while user types quickly
   const deferredSearch = useDeferredValue(search);
   const { count, games, loading, error, loadMore, hasMore, refetch } = useGames(

src/pages/Settings.tsx

@@ -2,11 +2,25 @@ import { Divider } from "@tw/divider";
 import { Heading, Subheading } from "@tw/heading";
 import { Input } from "@tw/input";
 import { useDownloads } from "@/context/DownloadContext";
+import { SwitchField, Switch } from "@tw/switch";
+import { Label } from "@/components/tailwind/fieldset";
+import { useEffect, useState } from "react";
+
+const RETAIN_KEY = 'app_retain_library_prefs';
 
 export default function Settings() {
   const { speedLimitKB, setSpeedLimitKB, formatSpeed, formatLimit } = useDownloads() as any;
   // speedLimitKB stored directly as KB/s (decimal). 0 = unlimited.
   const kbValue = speedLimitKB;
+  const [retainLibraryPrefs, setRetainLibraryPrefs] = useState<boolean>(() => {
+    try {
+      const v = localStorage.getItem(RETAIN_KEY);
+      return v === '1';
+    } catch { return false; }
+  });
+  useEffect(() => {
+    try { localStorage.setItem(RETAIN_KEY, retainLibraryPrefs ? '1' : '0'); } catch {}
+  }, [retainLibraryPrefs]);
 
   return (
     <div className="flex flex-col h-full overflow-auto pb-12">
@@ -43,6 +57,22 @@ export default function Settings() {
             </label>
           </div>
         </section>
+
+        <section>
+          <Subheading level={2}>Library</Subheading>
+          <div className="flex flex-col gap-4">
+            <SwitchField>
+              <Switch
+                name="retainLibraryPrefs"
+                color="indigo"
+                aria-label="Retain Library sorting and filter preferences"
+                checked={retainLibraryPrefs}
+                onChange={(v: boolean) => setRetainLibraryPrefs(v)}
+              />
+              <Label>Retain Sorting and Filter preferences</Label>            
+            </SwitchField>
+          </div>
+        </section>
       </div>
     </div>
   );