From e3aaae62b4ae8ddb830daf90edcaa1dd6b2a52c4 Mon Sep 17 00:00:00 2001
From: Delmer Reed <delmer814+1@gmail.com>
Date: Fri, 22 Jun 2018 15:03:40 -0400
Subject: [PATCH 1/2] Update title to titleText in Host and Admin page

---
 ui/src/admin/containers/chronograf/AdminChronografPage.js | 2 +-
 ui/src/hosts/containers/HostsPage.js                      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/admin/containers/chronograf/AdminChronografPage.js b/ui/src/admin/containers/chronograf/AdminChronografPage.js
index b672f1ea8c..6511914cec 100644
--- a/ui/src/admin/containers/chronograf/AdminChronografPage.js
+++ b/ui/src/admin/containers/chronograf/AdminChronografPage.js
@@ -50,7 +50,7 @@ const sections = me => [
 
 const AdminChronografPage = ({me, source, params: {tab}}) => (
   <div className="page">
-    <PageHeader title="Chronograf Admin" />
+    <PageHeader titleText="Chronograf Admin" />
     <FancyScrollbar className="page-contents">
       <div className="container-fluid">
         <SubSections
diff --git a/ui/src/hosts/containers/HostsPage.js b/ui/src/hosts/containers/HostsPage.js
index a6e1e82bf3..1a26cd7640 100644
--- a/ui/src/hosts/containers/HostsPage.js
+++ b/ui/src/hosts/containers/HostsPage.js
@@ -116,7 +116,7 @@ export class HostsPage extends Component {
       <div className="page hosts-list-page">
         <PageHeader
           titleText="Host List"
-          optionsComponents={this.optionsComponents}
+          optionsComponents={this.optionsComponents()}
           sourceIndicator={true}
         />
         <div className="page-contents">

From eb89268a2f358e7cab8e6dfd91026b7b096e74e9 Mon Sep 17 00:00:00 2001
From: Delmer Reed <delmer814+1@gmail.com>
Date: Fri, 22 Jun 2018 16:08:17 -0400
Subject: [PATCH 2/2] Update hosts page optionsComponents to be a getter

---
 ui/src/hosts/containers/HostsPage.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/hosts/containers/HostsPage.js b/ui/src/hosts/containers/HostsPage.js
index 1a26cd7640..1dd225119c 100644
--- a/ui/src/hosts/containers/HostsPage.js
+++ b/ui/src/hosts/containers/HostsPage.js
@@ -116,7 +116,7 @@ export class HostsPage extends Component {
       <div className="page hosts-list-page">
         <PageHeader
           titleText="Host List"
-          optionsComponents={this.optionsComponents()}
+          optionsComponents={this.optionsComponents}
           sourceIndicator={true}
         />
         <div className="page-contents">
@@ -137,7 +137,7 @@ export class HostsPage extends Component {
     )
   }
 
-  optionsComponents = () => {
+  get optionsComponents() {
     const {autoRefresh, onChooseAutoRefresh, onManualRefresh} = this.props
 
     return (