Make default org non-editable in organizations table

ui/src/admin/components/chronograf/OrganizationsTable.js

@@ -1,8 +1,11 @@
 import React, {Component, PropTypes} from 'react'
 
 import Organization from 'src/admin/components/chronograf/Organization'
+import DefaultOrganization from 'src/admin/components/chronograf/DefaultOrganization'
 import NewOrganization from 'src/admin/components/chronograf/NewOrganization'
 
+import {DEFAULT_ORG_ID} from 'src/admin/constants/dummyUsers'
+
 class OrganizationsTable extends Component {
   constructor(props) {
     super(props)
@@ -63,13 +66,19 @@ class OrganizationsTable extends Component {
                       }
                     />
                   : null}
-                {organizations.map(org =>
-                  <Organization
-                    key={org.name}
-                    organization={org}
-                    onDelete={onDeleteOrg}
-                    onRename={onRenameOrg}
-                  />
+                {organizations.map(
+                  org =>
+                    org.id === DEFAULT_ORG_ID
+                      ? <DefaultOrganization
+                          key={org.name}
+                          organization={org}
+                        />
+                      : <Organization
+                          key={org.name}
+                          organization={org}
+                          onDelete={onDeleteOrg}
+                          onRename={onRenameOrg}
+                        />
                 )}
               </div>
             </div>