flux: Show the loader when data is not yet fetched

Signed-off-by: Joaquim Rocha <joaquim.rocha@microsoft.com>
headlamp-k8s · Oct 23, 2024 · 3b99bfa · 3b99bfa
1 parent 2fc5409
commit 3b99bfa
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/flux/src/common/Table.tsx b/flux/src/common/Table.tsx
@@ -76,7 +76,7 @@ function prepareNameColumn(colProps: Partial<NameColumn> = {}): TableCol {
 }
 
 export function Table(props: TableProps) {
-  const { columns, ...otherProps } = props;
+  const { columns, data, ...otherProps } = props;
 
   const processedColumns = React.useMemo(() => {
     return columns.map(column => {
@@ -181,7 +181,7 @@ export function Table(props: TableProps) {
   },
   [columns]);
 
-  return <HTable {...otherProps} columns={processedColumns} />;
+  return <HTable data={data} loading={data === null} {...otherProps} columns={processedColumns} />;
 }
 
 export default Table;