[Content] Show that table is sorted in Last Saved desc when no other …

…sorting is applied (#2909) https://github.com/user-attachments/assets/64bef5ea-46ab-4eca-a2fc-e63eabc7d339
zesty-io · Aug 6, 2024 · 13cf24f · 13cf24f
1 parent 4b76474
commit 13cf24f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/apps/content-editor/src/app/views/ItemList/ItemListTable.tsx b/src/apps/content-editor/src/app/views/ItemList/ItemListTable.tsx
@@ -405,7 +405,16 @@ export const ItemListTable = memo(({ loading, rows }: ItemListTableProps) => {
       sortModel={sortModel}
       sortingMode="server"
       onSortModelChange={(newSortModel) => {
-        setSortModel(newSortModel);
+        if (!Object.entries(newSortModel)?.length) {
+          setSortModel([
+            {
+              field: "lastSaved",
+              sort: "desc",
+            },
+          ]);
+        } else {
+          setSortModel(newSortModel);
+        }
       }}
       onSelectionModelChange={(newSelection) => setSelectedItems(newSelection)}
       selectionModel={

diff --git a/src/apps/content-editor/src/app/views/ItemList/TableSortProvider.tsx b/src/apps/content-editor/src/app/views/ItemList/TableSortProvider.tsx
@@ -15,7 +15,13 @@ type TableSortProviderType = {
   children?: React.ReactNode;
 };
 export const TableSortProvider = ({ children }: TableSortProviderType) => {
-  const [sortModel, setSortModel] = useState<GridSortModel>([]);
+  // Note: We always want it to default to lastSaved if no other sorting is applied
+  const [sortModel, setSortModel] = useState<GridSortModel>([
+    {
+      field: "lastSaved",
+      sort: "desc",
+    },
+  ]);
   const { modelZUID } = useRouterParams<{ modelZUID: string }>();
 
   useLayoutEffect(() => {