Merge pull request #89 from back4app/analytics-report-event

Fix dropdown color

Author: paivaric

src/components/ChromeDropdown/ChromeDropdown.scss

@@ -55,6 +55,7 @@
   padding: 0 30px 0 10px;
   background: $darkBlue;
   border-radius: 5px;
+  color: white;
 
   div {
     overflow-x: hidden;

src/components/ExplorerQueryComposer/ExplorerQueryComposer.react.js

@@ -174,7 +174,8 @@ export default class ExplorerQueryComposer extends React.Component {
       groups: query.groups || defaultState.groups,
       limit: query.limit || defaultState.limit,
       filters: query.filters || [],
-      orders: query.orders || []
+      orders: query.orders || [],
+      isSaved: query.isSaved || false
     };
   }
 
@@ -602,13 +603,14 @@ export default class ExplorerQueryComposer extends React.Component {
       headerView = (
         <div className={[base.center, styles.headerView].join(' ')}>
           <h3 className={styles.headerLabel}>{ this.state.name || 'Build a custom query' }</h3>
-          { isNew ? null : <a
-            href='javascript:;'
-            role='button'
-            className={[styles.headerButton, styles.secondaryColor].join(' ')}
-            onClick={this.toggleEditing.bind(this)}>
-            { this.state.isSaved ? 'Rename' : 'Save' }
-          </a> }
+          { isNew ? null :
+            <Button
+              color='white'
+              primary={true}
+              value={ this.state.isSaved ? 'Rename' : 'Save' }
+              onClick={this.toggleEditing.bind(this)}>
+            </Button>
+           }
         </div>
       );
     }

src/components/ExplorerQueryPicker/ExplorerQueryPicker.scss

@@ -36,7 +36,7 @@
   .del {
     position: absolute;
     right: 24px;
-    color: #d8d8d8;
+    color: $red;
     font-size: 18px;
     line-height: 18px;
   }