Rename TemplateControlDropdown to TemplateControl

ui/src/tempVars/components/TemplateControl.tsx

@@ -24,7 +24,7 @@ interface State {
   isEditing: boolean
 }
 
-class TemplateControlDropdown extends PureComponent<Props, State> {
+class TemplateControl extends PureComponent<Props, State> {
   constructor(props) {
     super(props)
 
@@ -115,4 +115,4 @@ class TemplateControlDropdown extends PureComponent<Props, State> {
   }
 }
 
-export default TemplateControlDropdown
+export default TemplateControl

ui/src/tempVars/components/TemplateControlBar.tsx

@@ -3,7 +3,7 @@ import classnames from 'classnames'
 
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
-import TemplateControlDropdown from 'src/tempVars/components/TemplateControlDropdown'
+import TemplateControl from 'src/tempVars/components/TemplateControl'
 import OverlayTechnology from 'src/reusable_ui/components/overlays/OverlayTechnology'
 import TemplateVariableEditor from 'src/tempVars/components/TemplateVariableEditor'
 import Authorized, {EDITOR_ROLE} from 'src/auth/Authorized'
@@ -77,7 +77,7 @@ class TemplateControlBar extends Component<Props, State> {
     }
 
     return templates.map(template => (
-      <TemplateControlDropdown
+      <TemplateControl
         key={template.id}
         meRole={meRole}
         isUsingAuth={isUsingAuth}

ui/test/tempVars/components/TemplateControl.test.tsx

@@ -3,7 +3,7 @@ import {shallow} from 'enzyme'
 
 import OverlayTechnology from 'src/reusable_ui/components/overlays/OverlayTechnology'
 import TemplateVariableEditor from 'src/tempVars/components/TemplateVariableEditor'
-import TemplateControlDropdown from 'src/tempVars/components/TemplateControlDropdown'
+import TemplateControl from 'src/tempVars/components/TemplateControl'
 import {source} from 'test/resources'
 
 import {TemplateType, TemplateValueType} from 'src/types'
@@ -35,9 +35,9 @@ const defaultProps = {
   onDeleteTemplate: () => Promise.resolve(),
 }
 
-describe('TemplateControlDropdown', () => {
+describe('TemplateControl', () => {
   it('should show a TemplateVariableEditor overlay when the settings icon is clicked', () => {
-    const wrapper = shallow(<TemplateControlDropdown {...defaultProps} />, {
+    const wrapper = shallow(<TemplateControl {...defaultProps} />, {
       context: {
         store: {},
       },

ui/test/tempVars/components/TemplateControlBar.test.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import {shallow} from 'enzyme'
 
 import TemplateControlBar from 'src/tempVars/components/TemplateControlBar'
-import TemplateControlDropdown from 'src/tempVars/components/TemplateControlDropdown'
+import TemplateControl from 'src/tempVars/components/TemplateControl'
 import TemplateVariableEditor from 'src/tempVars/components/TemplateVariableEditor'
 import OverlayTechnology from 'src/reusable_ui/components/overlays/OverlayTechnology'
 import {source} from 'test/resources'
@@ -45,7 +45,7 @@ describe('TemplateControlBar', () => {
     const props = {...defaultProps, templates: [template]}
     const wrapper = shallow(<TemplateControlBar {...props} />)
 
-    const dropdown = wrapper.find(TemplateControlDropdown)
+    const dropdown = wrapper.find(TemplateControl)
     expect(dropdown.exists()).toBe(true)
   })
 
@@ -55,7 +55,7 @@ describe('TemplateControlBar', () => {
 
     const emptyState = wrapper.find({'data-test': 'empty-state'})
 
-    const dropdown = wrapper.find(TemplateControlDropdown)
+    const dropdown = wrapper.find(TemplateControl)
 
     expect(dropdown.exists()).toBe(false)
     expect(emptyState.exists()).toBe(true)