Merge pull request #2794 from weaveworks/UI-1566-makeEmptyTableRowMor…

…eExtinsble add empty table row prop so it can be configured from parent component
weaveworks · Sep 27, 2022 · 0b36fcc · 0b36fcc
2 parents 365a95e + 9795661
commit 0b36fcc
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/ui/components/DataTable.tsx b/ui/components/DataTable.tsx
@@ -59,6 +59,7 @@ export interface Props {
   dialogOpen?: boolean;
   hasCheckboxes?: boolean;
   hideSearchAndFilters?: boolean;
+  emptyMessagePlaceholder?: React.ReactNode;
 }
 //styled components
 const EmptyRow = styled(TableRow)<{ colSpan: number }>`
@@ -331,6 +332,7 @@ function UnstyledDataTable({
   hasCheckboxes: checkboxes,
   dialogOpen,
   hideSearchAndFilters,
+  emptyMessagePlaceholder,
 }: Props) {
   //URL info
   const history = useHistory();
@@ -561,7 +563,9 @@ function UnstyledDataTable({
                         size="base"
                       />
                       <Spacer padding="xxs" />
-                      <Text color="neutral30">No data</Text>
+                      {emptyMessagePlaceholder || (
+                        <Text color="neutral30">No data</Text>
+                      )}
                     </Flex>
                   </TableCell>
                 </EmptyRow>