diff --git a/ui/src/kapacitor/components/config/PagerDuty2Config.tsx b/ui/src/kapacitor/components/config/PagerDuty2Config.tsx index f7bce544f1..a674f7dbb4 100644 --- a/ui/src/kapacitor/components/config/PagerDuty2Config.tsx +++ b/ui/src/kapacitor/components/config/PagerDuty2Config.tsx @@ -6,6 +6,7 @@ import {ErrorHandling} from 'src/shared/decorators/errors' interface Properties { 'routing-key': string url: string + enabled: boolean } interface Config { @@ -33,7 +34,7 @@ class PagerDuty2Config extends PureComponent { private routingKey: HTMLInputElement private url: HTMLInputElement - constructor(props) { + constructor(props: Props) { super(props) this.state = { testEnabled: this.props.enabled, @@ -106,17 +107,20 @@ class PagerDuty2Config extends PureComponent { ) } - private handleRoutingKeyRef = r => (this.routingKey = r) + private handleRoutingKeyRef = (r: HTMLInputElement): HTMLInputElement => + (this.routingKey = r) - private handleEnabledChange = (e: ChangeEvent) => { + private handleEnabledChange = (e: ChangeEvent): void => { this.setState({enabled: e.target.checked}) this.disableTest() } - private handleSubmit = async e => { + private handleSubmit = async ( + e: React.FormEvent + ): Promise => { e.preventDefault() - const properties = { + const properties: Properties = { 'routing-key': this.routingKey.value, url: this.url.value, enabled: this.state.enabled, @@ -128,7 +132,7 @@ class PagerDuty2Config extends PureComponent { } } - private disableTest = () => { + private disableTest = (): void => { this.setState({testEnabled: false}) } }