Improve clarity of variable name

ui/src/dashboards/components/Dashboard.js

@@ -20,7 +20,7 @@ const Dashboard = ({
   templatesIncludingDashTime,
   onSummonOverlayTechnologies,
   onSelectTemplate,
-  isTempVarsControlsOpen,
+  showTempVarControls,
 }) => {
   if (dashboard.id === 0) {
     return null
@@ -52,7 +52,7 @@ const Dashboard = ({
           templates={dashboard.templates}
           onSelectTemplate={onSelectTemplate}
           onOpenTemplateManager={onOpenTemplateManager}
-          isOpen={isTempVarsControlsOpen}
+          isOpen={showTempVarControls}
         />
         {cells.length
           ? <LayoutRenderer
@@ -119,7 +119,7 @@ Dashboard.propTypes = {
   timeRange: shape({}).isRequired,
   onOpenTemplateManager: func.isRequired,
   onSelectTemplate: func.isRequired,
-  isTempVarsControlsOpen: bool,
+  showTempVarControls: bool,
 }
 
 export default Dashboard

ui/src/dashboards/components/DashboardHeader.js

@@ -21,7 +21,7 @@ const DashboardHeader = ({
   onAddCell,
   onEditDashboard,
   onToggleTempVarControls,
-  isTempVarsControlsOpen,
+  showTempVarControls,
 }) =>
   isHidden
     ? null
@@ -65,7 +65,7 @@ const DashboardHeader = ({
             {dashboard
               ? <div
                   className={classnames('btn btn-info btn-sm', {
-                    active: isTempVarsControlsOpen,
+                    active: showTempVarControls,
                   })}
                   onClick={onToggleTempVarControls}
                 >
@@ -109,7 +109,7 @@ DashboardHeader.propTypes = {
   onAddCell: func,
   onEditDashboard: func,
   onToggleTempVarControls: func,
-  isTempVarsControlsOpen: bool,
+  showTempVarControls: bool,
 }
 
 export default DashboardHeader

ui/src/dashboards/containers/DashboardPage.js

@@ -26,7 +26,7 @@ class DashboardPage extends Component {
       selectedCell: null,
       isEditMode: false,
       isTemplating: false,
-      isTempVarsControlsOpen: false,
+      showTempVarControls: false,
     }
 
     this.handleAddCell = ::this.handleAddCell
@@ -209,12 +209,12 @@ class DashboardPage extends Component {
   }
 
   handleTempVarsControlsToggle(e) {
-    const {isTempVarsControlsOpen} = this.state
+    const {showTempVarControls} = this.state
 
     if (e) {
       e.stopPropagation()
     }
-    this.setState({isTempVarsControlsOpen: !isTempVarsControlsOpen})
+    this.setState({showTempVarControls: !showTempVarControls})
   }
 
   getActiveDashboard() {
@@ -257,7 +257,7 @@ class DashboardPage extends Component {
       selectedCell,
       isEditMode,
       isTemplating,
-      isTempVarsControlsOpen,
+      showTempVarControls,
     } = this.state
 
     return (
@@ -306,7 +306,7 @@ class DashboardPage extends Component {
               onAddCell={this.handleAddCell}
               onEditDashboard={this.handleEditDashboard}
               onToggleTempVarControls={this.handleTempVarsControlsToggle}
-              isTempVarsControlsOpen={isTempVarsControlsOpen}
+              showTempVarControls={showTempVarControls}
             >
               {dashboards
                 ? dashboards.map((d, i) => (
@@ -338,7 +338,7 @@ class DashboardPage extends Component {
               templatesIncludingDashTime={templatesIncludingDashTime}
               onSummonOverlayTechnologies={this.handleSummonOverlayTechnologies}
               onSelectTemplate={this.handleSelectTemplate}
-              isTempVarsControlsOpen={isTempVarsControlsOpen}
+              showTempVarControls={showTempVarControls}
             />
           : null}
       </div>