diff --git a/ui/src/admin/components/chronograf/UsersTable.js b/ui/src/admin/components/chronograf/UsersTable.js index 8607d0588..845ac2a6f 100644 --- a/ui/src/admin/components/chronograf/UsersTable.js +++ b/ui/src/admin/components/chronograf/UsersTable.js @@ -4,9 +4,11 @@ import _ from 'lodash' import Authorized, {SUPERADMIN_ROLE} from 'src/auth/Authorized' +import UsersTableHeader from 'src/admin/components/chronograf/UsersTableHeader' import UsersTableRow from 'src/admin/components/chronograf/UsersTableRow' import OrgTableRow from 'src/admin/components/chronograf/OrgTableRow' import NewUserTableRow from 'src/admin/components/chronograf/NewUserTableRow' +import BatchActionsBar from 'src/admin/components/chronograf/BatchActionsBar' import {DEFAULT_ORG_NAME} from 'src/admin/constants/dummyUsers' import {USERS_TABLE} from 'src/admin/constants/chronografTableSizing' @@ -67,91 +69,112 @@ class ChronografUsersTable extends Component { const areAllSelected = this.areSameUsers(filteredUsers, selectedUsers) return ( - - - - - - - - - - - - - - - - {isCreatingUser - ? - : null} - {filteredUsers.length - ? filteredUsers.map( - (user, i) => - organization.name === DEFAULT_ORG_NAME - ? - : - ) - : - -

No Users to display

- - } - > -
+ + + + + {isCreatingUser + ? + : null} + {filteredUsers.length + ? filteredUsers.map( + (user, i) => + organization.name === DEFAULT_ORG_NAME + ? + : + ) + : + +

No Users to display

+ + } + > +
+ + } + +
-
-
Username - Organization - - Role - - SuperAdmin - ProviderScheme -
-

No Users to display

+
+ + +
+ + + + + + + + + - } - -
+
+
Username + Organization + + Role + + SuperAdmin
+
ProviderScheme +
+

No Users to display

+
+ + ) } } diff --git a/ui/src/admin/containers/AdminChronografPage.js b/ui/src/admin/containers/AdminChronografPage.js index f0ab6ab04..e2c5741c7 100644 --- a/ui/src/admin/containers/AdminChronografPage.js +++ b/ui/src/admin/containers/AdminChronografPage.js @@ -5,12 +5,10 @@ import {bindActionCreators} from 'redux' import * as adminChronografActionCreators from 'src/admin/actions/chronograf' import {publishAutoDismissingNotification} from 'shared/dispatchers' -import Authorized, {SUPERADMIN_ROLE, MEMBER_ROLE} from 'src/auth/Authorized' +import {MEMBER_ROLE} from 'src/auth/Authorized' import PageHeader from 'src/admin/components/chronograf/PageHeader' -import UsersTableHeader from 'src/admin/components/chronograf/UsersTableHeader' import UsersTable from 'src/admin/components/chronograf/UsersTable' -import BatchActionsBar from 'src/admin/components/chronograf/BatchActionsBar' import ManageOrgsOverlay from 'src/admin/components/chronograf/ManageOrgsOverlay' import FancyScrollbar from 'shared/components/FancyScrollbar' @@ -268,52 +266,33 @@ class AdminChronografPage extends Component { ?
-
- - -
- - - -
-
+