JobList, RunList: Fix regressed table sorting

zmc · May 11, 2023 · 8bcfe44 · 8bcfe44
1 parent a0974fc
commit 8bcfe44
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/src/components/JobList/index.js b/src/components/JobList/index.js
@@ -136,12 +136,16 @@ export default function JobList({ query, state }) {
       rows={query.data?.jobs || []}
       pageSize={25}
       loading={query.isLoading || query.isFetching}
-      sortModel={[
-        {
-          field: "job_id",
-          sort: "asc",
+      initialState={{
+        sorting: {
+          sortModel: [
+            {
+              field: "job_id",
+              sort: "asc",
+            },
+          ],
         },
-      ]}
+      }}
       filterModel={filterModel}
       getRowId={(row) => row.job_id}
       getRowClassName={(params) => {

diff --git a/src/components/RunList/index.js b/src/components/RunList/index.js
@@ -131,12 +131,16 @@ export default function RunList(props) {
       columns={columns}
       rows={query.data || []}
       loading={query.isLoading || query.isFetching}
-      sortModel={[
-        {
-          field: "scheduled",
-          sort: "desc",
+      initialState={{
+        sorting: {
+          sortModel: [
+            {
+              field: "scheduled",
+              sort: "desc",
+            },
+          ],
         },
-      ]}
+      }}
       getRowId={(row) => row.name}
       getRowClassName={(params) => {
         const status = params.row.status.split(" ").pop();