From 0b9bf0a68b5a72d28c45ad9dc1ef8a2c7f1cf10a Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Wed, 8 Nov 2017 09:47:00 -0800
Subject: [PATCH] Render actual number of organizations above organization
 table

---
 ui/src/admin/components/chronograf/OrganizationsTable.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/ui/src/admin/components/chronograf/OrganizationsTable.js b/ui/src/admin/components/chronograf/OrganizationsTable.js
index 2514d3ab21..1fbee2b382 100644
--- a/ui/src/admin/components/chronograf/OrganizationsTable.js
+++ b/ui/src/admin/components/chronograf/OrganizationsTable.js
@@ -28,13 +28,20 @@ class OrganizationsTable extends Component {
     const {organizations, onDeleteOrg, onRenameOrg} = this.props
     const {isAddingOrganization} = this.state
 
+    const tableTitle =
+      organizations.length === 1
+        ? '1 Organizations'
+        : `${organizations.length} Organizations`
+
     return (
       <div className="container-fluid">
         <div className="row">
           <div className="col-xs-12">
             <div className="panel panel-minimal">
               <div className="panel-heading u-flex u-ai-center u-jc-space-between">
-                <h2 className="panel-title">22 Organizations</h2>
+                <h2 className="panel-title">
+                  {tableTitle}
+                </h2>
                 <button
                   className="btn btn-sm btn-primary"
                   onClick={this.handleClickCreateOrganization}