From 9186960dd47ae229cc026dbaf4b94f604f1e5a8a Mon Sep 17 00:00:00 2001
From: rozetko <rozetko@corpglory.com>
Date: Fri, 6 May 2022 23:26:03 +0400
Subject: [PATCH] lint fixes

---
 src/components/Panel.tsx                    | 3 +--
 src/components/editors/IconsEditor.tsx      | 6 +++---
 src/components/editors/ThresholdsEditor.tsx | 4 ++--
 src/models/options.ts                       | 2 +-
 src/models/series.ts                        | 2 +-
 src/utils.ts                                | 2 +-
 6 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/Panel.tsx b/src/components/Panel.tsx
index 6224c5f..3cba27f 100644
--- a/src/components/Panel.tsx
+++ b/src/components/Panel.tsx
@@ -7,8 +7,7 @@ import { DataProcessor } from '../grafana/data_processor';
 
 import { ChartwerkGaugePod } from '@chartwerk/gauge-pod';
 
-import { PanelProps } from '@grafana/data';
-import { PanelData, TimeRange } from '@grafana/data';
+import { PanelData, TimeRange, PanelProps } from '@grafana/data';
 
 import React, { useRef } from 'react';
 import { css } from 'emotion';
diff --git a/src/components/editors/IconsEditor.tsx b/src/components/editors/IconsEditor.tsx
index 740e942..ac6b6ee 100644
--- a/src/components/editors/IconsEditor.tsx
+++ b/src/components/editors/IconsEditor.tsx
@@ -86,7 +86,7 @@ const fieldNamePickerSettings = {
   settings: { width: 24 },
 } as any;
 
-export function IconsEditor({ onChange, value, context }: StandardEditorProps<Array<IconConfig>>) {
+export function IconsEditor({ onChange, value, context }: StandardEditorProps<IconConfig[]>) {
   const icons = value;
 
   const addIcon = () => {
@@ -137,7 +137,7 @@ export function IconsEditor({ onChange, value, context }: StandardEditorProps<Ar
             <div className={styles.icons}>
               {icons.map((icon, iconIdx) => {
                 return (
-                  <div className={styles.icon}>
+                  <div key={iconIdx} className={styles.icon}>
                     <IconButton name="trash-alt" onClick={() => removeIcon(iconIdx)}></IconButton>
                     <Input
                       type="url"
@@ -160,7 +160,7 @@ export function IconsEditor({ onChange, value, context }: StandardEditorProps<Ar
 
                     {icon.conditions.map((condition, conditionIdx) => {
                       return (
-                        <HorizontalGroup>
+                        <HorizontalGroup key={conditionIdx}>
                           <FieldNamePicker
                             context={context}
                             value={icon.metrics[conditionIdx]}
diff --git a/src/components/editors/ThresholdsEditor.tsx b/src/components/editors/ThresholdsEditor.tsx
index efe072a..3b0a8c8 100644
--- a/src/components/editors/ThresholdsEditor.tsx
+++ b/src/components/editors/ThresholdsEditor.tsx
@@ -19,7 +19,7 @@ import * as _ from 'lodash';
 interface Props {
   defaultColor: string;
   arcBackground: string;
-  thresholds: Array<ThresholdConfig>;
+  thresholds: ThresholdConfig[];
 }
 
 type ThresholdConfig = {
@@ -99,7 +99,7 @@ export function ThresholdsEditor({ onChange, value, context }: StandardEditorPro
             />
             {config.thresholds.map((threshold, thresholdIdx) => {
               return (
-                <HorizontalGroup>
+                <HorizontalGroup key={thresholdIdx}>
                   <Input
                     type="text"
                     value={'Color'}
diff --git a/src/models/options.ts b/src/models/options.ts
index 673c0e4..4b071b9 100644
--- a/src/models/options.ts
+++ b/src/models/options.ts
@@ -44,7 +44,7 @@ export class Options {
     this.maxValue = aggregatedValue ? aggregatedValue : undefined;
   }
 
-  public getChartwerkOptions(): any {
+  getChartwerkOptions(): any {
     console.log('opt', this.maxValue, this.minValue);
     return {
       maxValue: this.maxValue,
diff --git a/src/models/series.ts b/src/models/series.ts
index f358bac..b1956a9 100644
--- a/src/models/series.ts
+++ b/src/models/series.ts
@@ -20,7 +20,7 @@ export class Series {
     this._seriesList = this._updateSeriesListWithChartwerkParams(filteredSeries);
   }
 
-  public getChartwerkSeries(): any[] {
+  getChartwerkSeries(): any[] {
     return this._seriesList;
   }
 
diff --git a/src/utils.ts b/src/utils.ts
index 2548df8..dff1836 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -23,7 +23,7 @@ export function getAggregatedValueFromSerie(serie: any, aggregation = Aggregatio
   }
   switch (aggregation) {
     case Aggregation.LAST:
-      const lastRow = _.last(serie.datapoints as [number, number][]);
+      const lastRow = _.last(serie.datapoints as Array<[number, number]>);
       // [0] because it is Grafan series. So 0 idx for values, 1 idx for timestamps
       // @ts-ignore
       return !_.isEmpty(lastRow) ? lastRow[0] : null;