Use isUserAuthorized helper

ui/src/dashboards/components/TemplateControlBar.tsx

@@ -8,12 +8,12 @@ import TemplateControlDropdown from 'src/dashboards/components/TemplateControlDr
 import {Template} from 'src/types/dashboard'
 
 interface Props {
+  meRole: string
+  isUsingAuth: boolean
   templates: Template[]
   isOpen: boolean
   onOpenTemplateManager: () => void
   onSelectTemplate: (id: string) => void
-  meRole: string
-  isUsingAuth: boolean
 }
 
 const TemplateControlBar: SFC<Props> = ({

ui/src/dashboards/components/TemplateControlDropdown.tsx

@@ -2,9 +2,9 @@ import React, {SFC} from 'react'
 
 import Dropdown from 'src/shared/components/Dropdown'
 import {calculateDropdownWidth} from 'src/dashboards/constants/templateControlBar'
+import {isUserAuthorized, EDITOR_ROLE} from 'src/auth/Authorized'
 import {Template} from 'src/types/dashboard'
 
-export const VIEWER_ROLE = 'viewer'
 interface Props {
   template: Template
   meRole: string
@@ -42,7 +42,7 @@ const TemplateControlDropdown: SFC<Props> = ({
         menuClass="dropdown-astronaut"
         useAutoComplete={true}
         selected={selectedItem.text}
-        disabled={isUsingAuth && (!meRole || meRole === VIEWER_ROLE)}
+        disabled={!isUsingAuth || !isUserAuthorized(meRole, EDITOR_ROLE)}
         onChoose={onSelectTemplate(template.id)}
       />
       <label className="template-control--label">{template.tempVar}</label>

ui/test/dashboards/components/TemplateControlBar.test.tsx

@@ -13,6 +13,8 @@ const defaultProps = {
       values: [{value: 'firstValue'}, {value: 'secondValue'}],
     },
   ],
+  meRole: 'EDITOR',
+  isUsingAuth: true,
   onOpenTemplateManager: () => {},
   onSelectTemplate: () => {},
 }