From 3821f2695e1dbc28e51f8707a93aaa4a307a23bb Mon Sep 17 00:00:00 2001
From: Will Piers <willpiers@influxdb.com>
Date: Thu, 15 Dec 2016 12:24:19 -0800
Subject: [PATCH] Use InfluxQL instead of Raw Text

---
 ui/src/chronograf/components/Panel.js        | 11 ++++++++---
 ui/src/chronograf/components/QueryTabItem.js |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/ui/src/chronograf/components/Panel.js b/ui/src/chronograf/components/Panel.js
index c680e3e998..50ddf8621f 100644
--- a/ui/src/chronograf/components/Panel.js
+++ b/ui/src/chronograf/components/Panel.js
@@ -137,7 +137,12 @@ const Panel = React.createClass({
     return (
       <div className="panel--tabs">
         {queries.map((q) => {
-          const queryTabText = (q.measurement && q.fields.length !== 0) ? `${q.measurement}.${q.fields[0].field}` : 'Query';
+          let queryTabText;
+          if (q.rawText) {
+            queryTabText = 'InfluxQL';
+          } else {
+            queryTabText = (q.measurement && q.fields.length !== 0) ? `${q.measurement}.${q.fields[0].field}` : 'Query';
+          }
           return (
             <QueryTabItem
               isActive={this.getActiveQuery().id === q.id}
@@ -160,7 +165,7 @@ const Panel = React.createClass({
       case 'Query Builder':
         this.handleAddQuery();
         break;
-      case 'Raw Text':
+      case 'InfluxQL':
         this.handleAddRawQuery();
         break;
     }
@@ -168,7 +173,7 @@ const Panel = React.createClass({
 
   renderAddQuery() {
     return (
-      <SimpleDropdown onChoose={this.onChoose} items={[{text: 'Query Builder'}, {text: 'Raw Text'}]} className="panel--tab-new">
+      <SimpleDropdown onChoose={this.onChoose} items={[{text: 'Query Builder'}, {text: 'InfluxQL'}]} className="panel--tab-new">
         <span className="icon plus"></span>
       </SimpleDropdown>
     );
diff --git a/ui/src/chronograf/components/QueryTabItem.js b/ui/src/chronograf/components/QueryTabItem.js
index 60eda42e00..c3ac85fe34 100644
--- a/ui/src/chronograf/components/QueryTabItem.js
+++ b/ui/src/chronograf/components/QueryTabItem.js
@@ -24,7 +24,7 @@ const QueryTabItem = React.createClass({
   render() {
     return (
       <div className={classNames('panel--tab', {active: this.props.isActive})} onClick={this.handleSelect}>
-        <span className="panel--tab-label">{this.props.query.rawText ? 'Raw Text' : this.props.queryTabText}</span>
+        <span className="panel--tab-label">{this.props.queryTabText}</span>
         <span className="panel--tab-delete" onClick={this.handleDelete}></span>
       </div>
     );