diff --git a/ui/src/admin/components/chronograf/UsersTable.js b/ui/src/admin/components/chronograf/UsersTable.js index ea164f9b5..8d7f9b12d 100644 --- a/ui/src/admin/components/chronograf/UsersTable.js +++ b/ui/src/admin/components/chronograf/UsersTable.js @@ -79,29 +79,44 @@ class ChronografUsersTable extends Component { - {filteredUsers.map( - (user, i) => - organizationName === DEFAULT_ORG - ? - : - )} + {filteredUsers.length + ? filteredUsers.map( + (user, i) => + organizationName === DEFAULT_ORG + ? + : + ) + : + +

No Users to display

+ + } + > + +

No Users to display

+ +
+ } ) diff --git a/ui/src/style/components/tables.scss b/ui/src/style/components/tables.scss index 9425cce4f..8f6e91161 100644 --- a/ui/src/style/components/tables.scss +++ b/ui/src/style/components/tables.scss @@ -97,10 +97,14 @@ table.table thead th.sortable-header, Empty State for Tables ---------------------------------------------- */ -.table-empty-state { +tr.table-empty-state, +.table-highlight tr.table-empty-state:hover { + background-color: transparent; + > th { text-align: center; - + @include no-user-select(); + > p { font-weight: 400; font-size: 18px;