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;