修改缩紧

web/src/lib/sort-preference.ts

@@ -0,0 +1,47 @@
+"use client";
+
+import * as React from "react";
+
+import { getLocalStorageValue, setLocalStorageValue } from "@/lib/local-storage.client";
+
+export type SortDirection = "asc" | "desc";
+
+export interface SortPreference<Field extends string> {
+  field: Field;
+  direction: SortDirection;
+}
+
+export function useStoredSortPreference<Field extends string>(
+  key: string,
+  fields: readonly Field[],
+  defaultField: Field,
+  defaultDirection: SortDirection,
+) {
+  const [preference, setPreference] = React.useState<SortPreference<Field>>({
+    field: defaultField,
+    direction: defaultDirection,
+  });
+  const [hydrated, setHydrated] = React.useState(false);
+
+  React.useEffect(() => {
+    const raw = getLocalStorageValue(key);
+    if (raw) {
+      try {
+        const parsed = JSON.parse(raw) as Partial<SortPreference<string>>;
+        const field = fields.find((candidate) => candidate === parsed.field);
+        const direction = parsed.direction === "asc" || parsed.direction === "desc" ? parsed.direction : null;
+        if (field && direction) setPreference({ field, direction });
+      } catch {
+        // Ignore malformed or legacy preferences and retain the current default.
+      }
+    }
+    setHydrated(true);
+  }, [fields, key]);
+
+  React.useEffect(() => {
+    if (!hydrated) return;
+    setLocalStorageValue(key, JSON.stringify(preference));
+  }, [hydrated, key, preference]);
+
+  return [preference, setPreference] as const;
+}