Add stronger types to handleSetQuerySource in CellEditorOverlay and make sure it conforms to types

ui/src/dashboards/components/CellEditorOverlay.tsx

@@ -326,11 +326,13 @@ class CellEditorOverlay extends Component<Props, State> {
     this.setState({isStaticLegend})
   }
 
-  private handleSetQuerySource = source => {
+  private handleSetQuerySource = (source: Source): void => {
-    const queriesWorkingDraft = this.state.queriesWorkingDraft.map(q => ({
+    const queriesWorkingDraft: QueryConfig[] = this.state.queriesWorkingDraft.map(
+      q => ({
         ..._.cloneDeep(q),
-      source,
+        source: source.links.self,
-    }))
+      })
+    )
 
     this.setState({queriesWorkingDraft})
   }

ui/src/dashboards/components/OverlayControls.tsx

@@ -3,7 +3,11 @@ import classnames from 'classnames'
 
 import ConfirmOrCancel from 'src/shared/components/ConfirmOrCancel'
 import SourceSelector from 'src/dashboards/components/SourceSelector'
-import {QueryConfig} from 'src/types/query'
+import {QueryConfig, Source} from 'src/types'
+
+interface SourceOption extends Source {
+  text: string
+}
 
 interface Props {
   onCancel: () => void
@@ -12,8 +16,8 @@ interface Props {
   onClickDisplayOptions: (
     displayOptions: boolean
   ) => (event: MouseEvent<HTMLLIElement>) => void
-  isSavable?: boolean
+  isSavable: boolean
-  sources: any[]
+  sources: SourceOption[]
   onSetQuerySource: (source: any) => void
   selected: string
   queries: QueryConfig[]

ui/src/dashboards/components/SourceSelector.tsx

@@ -1,15 +1,15 @@
 import React, {SFC} from 'react'
 import Dropdown from 'src/shared/components/Dropdown'
-import {QueryConfig} from 'src/types/query'
+import {QueryConfig, Source} from 'src/types'
 
-interface Options {
+interface SourceOption extends Source {
   text: string
 }
 
 interface Props {
-  sources: Options[]
+  sources: SourceOption[]
   selected: string
-  onSetQuerySource: (source: any) => void
+  onSetQuerySource: (source: SourceOption) => void
   queries: QueryConfig[]
 }