IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-20 11:48:34 -06:00
Code Issues Packages Projects Releases Wiki Activity

UnitPicker: show custom units on load (#21397)

Browse Source
This commit is contained in:
Ryan McKinley 2020-01-08 07:16:42 -08:00 committed by GitHub
parent cd5d5bcbba
commit 5321e7536f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/grafana-ui/src/components/UnitPicker/UnitPicker.tsx
View File

@ -26,15 +26,23 @@ export class UnitPicker extends PureComponent<Props> {
render() {
const { value, width } = this.props;
// Set the current selection
let current: SelectableValue<string> | undefined = undefined;
// All units
const unitGroups = getValueFormats();
// Need to transform the data structure to work well with Select
const groupOptions = unitGroups.map(group => {
const options = group.submenu.map(unit => {
return {
const sel = {
label: unit.text,
value: unit.value,
};
if (unit.value === value) {
current = sel;
}
return sel;
});
return {
@ -43,14 +51,15 @@ export class UnitPicker extends PureComponent<Props> {
};
});
const valueOption = groupOptions.map(group => {
return group.options.find(option => option.value === value);
});
// Show the custom unit
if (value && !current) {
current = { value, label: value };
}
return (
<Select
width={width}
defaultValue={valueOption}
defaultValue={current}
isSearchable={true}
allowCustomValue={true}
formatCreateLabel={formatCreateLabel}