Update Table component to have a default sort & setup default sort fo…

…r TeamApiSubscriptions
MAIF · Aug 8, 2024 · 6fe6b47 · 6fe6b47
1 parent a985958
commit 6fe6b47
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/daikoku/javascript/src/components/backoffice/apis/TeamApiSubscriptions.tsx b/daikoku/javascript/src/components/backoffice/apis/TeamApiSubscriptions.tsx
@@ -520,7 +520,7 @@ export const TeamApiSubscriptions = ({
           </div>
           <div className="col-12">
             <Table
-              defaultSort="name"
+              defaultSort="adminCustomName"
               columns={columns(usagePlans)}
               fetchItems={() => {
                 if (subscriptionsQuery.isLoading || subscriptionsQuery.error) {

diff --git a/daikoku/javascript/src/components/inputs/Table.tsx b/daikoku/javascript/src/components/inputs/Table.tsx
@@ -68,6 +68,7 @@ const TableComponent = <T extends unknown>(props: TableProps<T>, ref: React.Ref<
 
   const { translate } = useContext(I18nContext);
 
+  console.debug({ id: props.columns[0].id!, desc: false, col: props.columns[0] })
   const table = useReactTable({
     data: items,
     columns: props.columns,
@@ -82,6 +83,11 @@ const TableComponent = <T extends unknown>(props: TableProps<T>, ref: React.Ref<
     getFacetedRowModel: getFacetedRowModel(),
     getFacetedUniqueValues: getFacetedUniqueValues(),
     getFacetedMinMaxValues: getFacetedMinMaxValues(),
+    initialState: {
+      sorting: [
+        {id: props.defaultSort || "", desc: !!props.defaultSortDesc}
+      ]
+    }
   });