Feature/default channel sorting (#578)

* fix * update
apotdevin · Nov 5, 2023 · 7b41848 · 7b41848
1 parent 7edf7e4
commit 7b41848
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/client/src/components/table/index.tsx b/src/client/src/components/table/index.tsx
@@ -22,6 +22,7 @@ interface TableProps {
   filterPlaceholder?: string;
   withGlobalSort?: boolean; // enables the global search box
   withSorting?: boolean; // enables columns to be sorted
+  initSorting?: SortingState;
   withBorder?: boolean;
   alignCenter?: boolean;
   fontSize?: string;
@@ -94,9 +95,10 @@ export default function Table({
   toggleConfiguration,
   withGlobalSort = false,
   withSorting = false,
+  initSorting,
 }: TableProps) {
   const [globalFilter, setGlobalFilter] = useState('');
-  const [sorting, setSorting] = useState<SortingState>([]);
+  const [sorting, setSorting] = useState<SortingState>(initSorting || []);
   const [isOpen, setIsOpen] = useState<boolean>(false);
 
   const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(

diff --git a/src/client/src/views/channels/channels/ChannelTable.tsx b/src/client/src/views/channels/channels/ChannelTable.tsx
@@ -580,6 +580,12 @@ export const ChannelTable = () => {
         data={tableData}
         withGlobalSort={true}
         withSorting={true}
+        initSorting={[
+          {
+            id: 'balanceBars',
+            desc: false,
+          },
+        ]}
         toggleConfiguration={handleToggle}
         defaultHiddenColumns={hiddenColumnState}
         filterPlaceholder="channels"