add sort by date button

Author: nickvisut

src/backend/routers/para.ts

@@ -82,6 +82,7 @@ export const para = router({
         "task.due_date",
         "task.seen",
         "task.trial_count",
+        "task.created_at",
 
         eb
           .selectFrom("trial_data")

src/pages/benchmarks/index.tsx

@@ -138,6 +138,20 @@ function Benchmarks() {
               */
               }
 
+              {/* simple sort pill POC (see TODO above) */}
+              <button
+                onClick={() => handleSort("created_at")}
+                className={`${$button.pilled}`}
+                style={{
+                  display: "flex",
+                  maxWidth: "fit-content",
+                  alignItems: "center",
+                  gap: "4px",
+                }}
+              >
+                <Sort /> Sort by date
+              </button>
+
               {/* simple sort pill POC (see TODO above) */}
               <button
                 onClick={() => handleSort("first_name")}

src/types/global.ts

@@ -5,5 +5,5 @@ export type Benchmark = SelectableForTable<"benchmark">;
 export type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
 export type FormEvent = React.FormEvent<HTMLFormElement>;
 
-export type SortProperty = "first_name";
+export type SortProperty = "first_name" | "created_at";
 export type SortDirection = "asc" | "desc";