You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
563 B
21 lines
563 B
import React, { FunctionComponent, useState } from 'react';
|
|
import { debounce } from 'lodash';
|
|
import { Input } from '@grafana/ui';
|
|
|
|
export interface Props {
|
|
onChange: (alias: any) => void;
|
|
value: string;
|
|
}
|
|
|
|
export const Alias: FunctionComponent<Props> = ({ value = '', onChange }) => {
|
|
const [alias, setAlias] = useState(value);
|
|
|
|
const propagateOnChange = debounce(onChange, 1500);
|
|
|
|
onChange = (e: any) => {
|
|
setAlias(e.target.value);
|
|
propagateOnChange(e.target.value);
|
|
};
|
|
|
|
return <Input type="text" value={alias} onChange={onChange} />;
|
|
};
|
|
|