From 987827cc28b94a7a9f1bd717869480baf0220344 Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Thu, 18 May 2017 10:43:05 -0700
Subject: [PATCH] Change prop name to "useAutoComplete"

---
 .../components/TemplateControlBar.js          |  2 +-
 ui/src/shared/components/Dropdown.js          | 22 +++++++++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/ui/src/dashboards/components/TemplateControlBar.js b/ui/src/dashboards/components/TemplateControlBar.js
index b2093a6174..3ef54e84c3 100644
--- a/ui/src/dashboards/components/TemplateControlBar.js
+++ b/ui/src/dashboards/components/TemplateControlBar.js
@@ -24,7 +24,7 @@ const TemplateControlBar = ({
             <Dropdown
               items={items}
               buttonSize="btn-xs"
-              hasAutoComplete={true}
+              useAutoComplete={true}
               selected={selectedText || 'Loading...'}
               onChoose={item =>
                 onSelectTemplate(id, [item].map(x => omit(x, 'text')))}
diff --git a/ui/src/shared/components/Dropdown.js b/ui/src/shared/components/Dropdown.js
index d1ae95f154..a90c1161ec 100644
--- a/ui/src/shared/components/Dropdown.js
+++ b/ui/src/shared/components/Dropdown.js
@@ -34,7 +34,7 @@ class Dropdown extends Component {
     buttonSize: 'btn-sm',
     buttonColor: 'btn-info',
     menuWidth: '100%',
-    hasAutoComplete: false,
+    useAutoComplete: false,
   }
 
   handleClickOutside() {
@@ -137,15 +137,15 @@ class Dropdown extends Component {
       items,
       menuWidth,
       menuLabel,
-      hasAutoComplete,
+      useAutoComplete,
     } = this.props
     const {filteredItems, highlightedItemIndex} = this.state
-    const menuItems = hasAutoComplete ? filteredItems : items
+    const menuItems = useAutoComplete ? filteredItems : items
 
     return (
       <ul
         className={classnames('dropdown-menu', {
-          'dropdown-menu--no-highlight': hasAutoComplete,
+          'dropdown-menu--no-highlight': useAutoComplete,
         })}
         style={{width: menuWidth}}
       >
@@ -207,15 +207,15 @@ class Dropdown extends Component {
       items,
       menuWidth,
       menuLabel,
-      hasAutoComplete,
+      useAutoComplete,
     } = this.props
     const {filteredItems, highlightedItemIndex} = this.state
-    const menuItems = hasAutoComplete ? filteredItems : items
+    const menuItems = useAutoComplete ? filteredItems : items
 
     return (
       <ul
         className={classnames('dropdown-menu', {
-          'dropdown-menu--no-highlight': hasAutoComplete,
+          'dropdown-menu--no-highlight': useAutoComplete,
         })}
         style={{width: menuWidth, height: DROPDOWN_MENU_MAX_HEIGHT}}
       >
@@ -280,17 +280,17 @@ class Dropdown extends Component {
       iconName,
       buttonSize,
       buttonColor,
-      hasAutoComplete,
+      useAutoComplete,
     } = this.props
     const {isOpen, searchTerm, filteredItems} = this.state
-    const menuItems = hasAutoComplete ? filteredItems : items
+    const menuItems = useAutoComplete ? filteredItems : items
 
     return (
       <div
         onClick={this.handleClick}
         className={classnames(`dropdown ${className}`, {open: isOpen})}
       >
-        {hasAutoComplete && isOpen
+        {useAutoComplete && isOpen
           ? <div
               className={`dropdown-autocomplete dropdown-toggle ${buttonSize} ${buttonColor}`}
             >
@@ -358,7 +358,7 @@ Dropdown.propTypes = {
   buttonColor: string,
   menuWidth: string,
   menuLabel: string,
-  hasAutoComplete: bool,
+  useAutoComplete: bool,
 }
 
 export default OnClickOutside(Dropdown)