From 5443822d02c033d7a4d3f6340835d3741e5f6254 Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Wed, 13 Jun 2018 13:28:48 -0700
Subject: [PATCH] Shorten name of prop

Also fixing a css classname typo
---
 ui/src/shared/components/PageHeader.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/ui/src/shared/components/PageHeader.tsx b/ui/src/shared/components/PageHeader.tsx
index 766285356..e75e0c5b9 100644
--- a/ui/src/shared/components/PageHeader.tsx
+++ b/ui/src/shared/components/PageHeader.tsx
@@ -3,27 +3,27 @@ import classnames from 'classnames'
 import Title from 'src/shared/components/PageHeaderTitle'
 
 interface Props {
-  pageTitle?: string
+  title?: string
   renderTitle?: () => ReactElement<any>
   renderOptions?: () => ReactElement<any>
   fullWidth?: boolean
 }
 
 const PageHeader: SFC<Props> = ({
-  pageTitle,
+  title,
   renderTitle,
   renderOptions,
   fullWidth,
 }) => {
-  if (!pageTitle && !renderTitle) {
-    console.error('PageHeader requires either PageTitle or RenderTitle props')
+  if (!title && !renderTitle) {
+    console.error('PageHeader requires either title or RenderTitle props')
   }
 
   const className = classnames('page-header', {'full-width': fullWidth})
   let renderLeft = renderTitle
 
   if (!renderTitle) {
-    renderLeft = () => <Title title={pageTitle} />
+    renderLeft = () => <Title title={title} />
   }
 
   return (
@@ -31,7 +31,7 @@ const PageHeader: SFC<Props> = ({
       <div className="page-header--container">
         <div className="page-header--left">{renderLeft()}</div>
         {renderOptions && (
-          <div className="page-header--Options">{renderOptions()}</div>
+          <div className="page-header--right">{renderOptions()}</div>
         )}
       </div>
     </div>