From e9e20224d457e71fd60cf011440a63b9da5d4a4e Mon Sep 17 00:00:00 2001
From: Erik Sundell <erik.sundell87@gmail.com>
Date: Wed, 31 Oct 2018 13:43:07 +0100
Subject: [PATCH] stackriver: use type for state

---
 .../stackdriver/components/TemplateQueryComponent.tsx |  8 ++++----
 public/app/plugins/datasource/stackdriver/types.ts    | 11 +++++++++++
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/public/app/plugins/datasource/stackdriver/components/TemplateQueryComponent.tsx b/public/app/plugins/datasource/stackdriver/components/TemplateQueryComponent.tsx
index 06ff50b9d16..aff901ca4ee 100644
--- a/public/app/plugins/datasource/stackdriver/components/TemplateQueryComponent.tsx
+++ b/public/app/plugins/datasource/stackdriver/components/TemplateQueryComponent.tsx
@@ -3,9 +3,9 @@ import SimpleDropdown from './SimpleDropdown';
 import { TemplateQueryProps } from 'app/types/plugins';
 import { getMetricTypes, extractServicesFromMetricDescriptors } from '../functions';
 import defaultsDeep from 'lodash/defaultsDeep';
-import { MetricFindQueryTypes } from '../types';
+import { MetricFindQueryTypes, TemplateQueryComponentState } from '../types';
 
-export class StackdriverTemplateQueryComponent extends PureComponent<TemplateQueryProps, any> {
+export class StackdriverTemplateQueryComponent extends PureComponent<TemplateQueryProps, TemplateQueryComponentState> {
   queryTypes: Array<{ value: string; name: string }> = [
     { value: MetricFindQueryTypes.Services, name: 'Services' },
     { value: MetricFindQueryTypes.MetricTypes, name: 'Metric Types' },
@@ -17,7 +17,7 @@ export class StackdriverTemplateQueryComponent extends PureComponent<TemplateQue
     { value: MetricFindQueryTypes.AlignmentPeriods, name: 'Alignment Periods' },
   ];
 
-  defaults = {
+  defaults: TemplateQueryComponentState = {
     selectedQueryType: '',
     metricDescriptors: [],
     selectedService: '',
@@ -95,7 +95,7 @@ export class StackdriverTemplateQueryComponent extends PureComponent<TemplateQue
   }
 
   componentDidUpdate() {
-    const { metricDescriptors, metricLabels, resourceLabels, ...queryModel } = this.state;
+    const { metricDescriptors, labels, ...queryModel } = this.state;
     this.props.onChange(queryModel);
   }
 
diff --git a/public/app/plugins/datasource/stackdriver/types.ts b/public/app/plugins/datasource/stackdriver/types.ts
index 43605623c78..ca2d5b8bfcf 100644
--- a/public/app/plugins/datasource/stackdriver/types.ts
+++ b/public/app/plugins/datasource/stackdriver/types.ts
@@ -8,3 +8,14 @@ export enum MetricFindQueryTypes {
   Alignerns = 'alignerns',
   AlignmentPeriods = 'alignmentPeriods',
 }
+
+export interface TemplateQueryComponentState {
+  selectedQueryType: string;
+  metricDescriptors: any[];
+  selectedService: string;
+  selectedMetricType: string;
+  labels: string[];
+  labelKey: string;
+  metricTypes: Array<{ value: string; name: string }>;
+  services: Array<{ value: string; name: string }>;
+}