Node: Sort jobs chronologically

Signed-off-by: Zack Cerza <[email protected]>
ceph · Feb 2, 2024 · f6f9a7a · f6f9a7a
1 parent 7bba058
commit f6f9a7a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/components/JobList/index.tsx b/src/components/JobList/index.tsx
@@ -197,9 +197,10 @@ function JobDetailPanel(props: JobDetailPanelProps): ReactNode {
 
 type JobListProps = {
   query: UseQueryResult<Run> | UseQueryResult<NodeJobs>;
+  sortMode?: "time" | "id";
 }
 
-export default function JobList({ query }: JobListProps) {
+export default function JobList({ query, sortMode }: JobListProps) {
   const options = useDefaultTableOptions<Job>();
   const data = query.data?.jobs || [];
   const table = useMaterialReactTable({
@@ -213,7 +214,7 @@ export default function JobList({ query }: JobListProps) {
       columnVisibility: {
         posted: false,
         updated: false,
-        runtime: false,
+        duration: false,
         waiting: false,
       },
       pagination: {
@@ -222,8 +223,8 @@ export default function JobList({ query }: JobListProps) {
       },
       sorting: [
         {
-          id: "job_id",
-          desc: false,
+          id: sortMode === "time"? "started" : "job_id",
+          desc: true,
         },
       ],
     },

diff --git a/src/pages/Node/index.tsx b/src/pages/Node/index.tsx
@@ -36,7 +36,7 @@ export default function Node() {
       <div>
         <div>
           <NodeList query={detailsQuery} />
-          <JobList query={jobsQuery} />
+          <JobList query={jobsQuery} sortMode={"time"} />
         </div>
       </div>
     </div>