diff --git a/ui/src/admin/components/chronograf/OrganizationsTable.js b/ui/src/admin/components/chronograf/OrganizationsTable.js index 702e4a7507..fe9c729e1b 100644 --- a/ui/src/admin/components/chronograf/OrganizationsTable.js +++ b/ui/src/admin/components/chronograf/OrganizationsTable.js @@ -3,11 +3,9 @@ import React, {Component, PropTypes} from 'react' import uuid from 'node-uuid' import OrganizationsTableRow from 'src/admin/components/chronograf/OrganizationsTableRow' -import OrganizationsTableRowDefault from 'src/admin/components/chronograf/OrganizationsTableRowDefault' import OrganizationsTableRowNew from 'src/admin/components/chronograf/OrganizationsTableRowNew' import QuestionMarkTooltip from 'shared/components/QuestionMarkTooltip' -import {DEFAULT_ORG_ID} from 'src/admin/constants/dummyUsers' import {PUBLIC_TOOLTIP} from 'src/admin/constants/index' class OrganizationsTable extends Component { @@ -79,22 +77,15 @@ class OrganizationsTable extends Component { onCancelCreateOrganization={this.handleCancelCreateOrganization} /> : null} - {organizations.map( - org => - org.id === DEFAULT_ORG_ID - ? - : + {organizations.map(org => + )} diff --git a/ui/src/admin/components/chronograf/OrganizationsTableRow.js b/ui/src/admin/components/chronograf/OrganizationsTableRow.js index 79bb9c5a8a..4d65bf8e7c 100644 --- a/ui/src/admin/components/chronograf/OrganizationsTableRow.js +++ b/ui/src/admin/components/chronograf/OrganizationsTableRow.js @@ -1,10 +1,27 @@ import React, {Component, PropTypes} from 'react' +import SlideToggle from 'shared/components/SlideToggle' import ConfirmButtons from 'shared/components/ConfirmButtons' import Dropdown from 'shared/components/Dropdown' +import {DEFAULT_ORG_ID} from 'src/admin/constants/dummyUsers' import {USER_ROLES} from 'src/admin/constants/dummyUsers' +const OrganizationsTableRowDeleteButton = ({organization, onClickDelete}) => + organization.id === DEFAULT_ORG_ID + ? + : + class OrganizationsTableRow extends Component { constructor(props) { super(props) @@ -77,6 +94,11 @@ class OrganizationsTableRow extends Component { onDelete(organization) } + handleTogglePublic = () => { + const {organization, onTogglePublic} = this.props + onTogglePublic(organization) + } + handleChooseDefaultRole = role => { const {organization, onChooseDefaultRole} = this.props onChooseDefaultRole(organization, role.name) @@ -117,7 +139,15 @@ class OrganizationsTableRow extends Component { {workingName} } -
+ {organization.id === DEFAULT_ORG_ID + ?
+ +
+ :
}
- : } + : }
) } @@ -155,7 +183,17 @@ OrganizationsTableRow.propTypes = { }).isRequired, onDelete: func.isRequired, onRename: func.isRequired, + onTogglePublic: func.isRequired, onChooseDefaultRole: func.isRequired, } +OrganizationsTableRowDeleteButton.propTypes = { + organization: shape({ + id: string, // when optimistically created, organization will not have an id + name: string.isRequired, + defaultRole: string.isRequired, + }).isRequired, + onClickDelete: func.isRequired, +} + export default OrganizationsTableRow diff --git a/ui/src/admin/components/chronograf/OrganizationsTableRowDefault.js b/ui/src/admin/components/chronograf/OrganizationsTableRowDefault.js deleted file mode 100644 index bd18564d2a..0000000000 --- a/ui/src/admin/components/chronograf/OrganizationsTableRowDefault.js +++ /dev/null @@ -1,73 +0,0 @@ -import React, {PropTypes, Component} from 'react' - -import SlideToggle from 'shared/components/SlideToggle' -import Dropdown from 'shared/components/Dropdown' - -import {USER_ROLES} from 'src/admin/constants/dummyUsers' - -// This is a non-editable organization row, used currently for DEFAULT_ORG -class OrganizationsTableRowDefault extends Component { - togglePublic = () => { - const {organization, onTogglePublic} = this.props - onTogglePublic(organization) - } - - handleChooseDefaultRole = role => { - const {organization, onChooseDefaultRole} = this.props - onChooseDefaultRole(organization, role.name) - } - - render() { - const {organization} = this.props - - const dropdownRolesItems = USER_ROLES.map(role => ({ - ...role, - text: role.name, - })) - - return ( -
-
- {organization.id} -
-
- {organization.name} -
-
- -
-
- -
- -
- ) - } -} - -const {func, shape, string} = PropTypes - -OrganizationsTableRowDefault.propTypes = { - organization: shape({ - id: string, - name: string.isRequired, - }).isRequired, - onTogglePublic: func.isRequired, - onChooseDefaultRole: func.isRequired, -} - -export default OrganizationsTableRowDefault diff --git a/ui/src/style/components/organizations-table.scss b/ui/src/style/components/organizations-table.scss index bac84e6faa..3741451302 100644 --- a/ui/src/style/components/organizations-table.scss +++ b/ui/src/style/components/organizations-table.scss @@ -71,12 +71,6 @@ input[type="text"].form-control.orgs-table--input { } } } -.orgs-table--name-disabled { - border-color: $g4-onyx; - background-color: $g4-onyx; - font-style: italic; - color: $g9-mountain; -} .orgs-table--public { height: 30px;