From e08df7b15a8af129a04eb7ee7a8b06ecca75cb06 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 18 Apr 2026 07:10:31 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/routes/collections.index.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/routes/collections.index.tsx b/src/routes/collections.index.tsx
index fc00e93..6e2205c 100644
--- a/src/routes/collections.index.tsx
+++ b/src/routes/collections.index.tsx
@@ -42,6 +42,13 @@ function CollectionsIndexPage() {
   const [loading, setLoading] = useState(true);
   const [search, setSearch] = useState("");
   const [stageFilter, setStageFilter] = useState<string>("all");
+  const [sortKey, setSortKey] = useState<"homeowner" | "case" | "stage" | "tasks" | "opened" | "balance">("opened");
+  const [sortDir, setSortDir] = useState<"asc" | "desc">("desc");
+
+  const toggleSort = (key: typeof sortKey) => {
+    if (sortKey === key) setSortDir((d) => (d === "asc" ? "desc" : "asc"));
+    else { setSortKey(key); setSortDir("asc"); }
+  };
 
   const load = async () => {
     setLoading(true);