mirror of
https://github.com/grafana/grafana.git
synced 2025-02-15 01:53:33 -06:00
2a9381e998
* WIP * revert collapse changes * use HorizontalGroup instead of custom styles * fix tests * use import aliases
27 lines
895 B
TypeScript
27 lines
895 B
TypeScript
import React from 'react';
|
|
|
|
import { SelectableValue } from '@grafana/data';
|
|
import { RadioButtonGroup, HorizontalGroup } from '@grafana/ui';
|
|
import { EXPLORE_GRAPH_STYLES, ExploreGraphStyle } from 'app/types';
|
|
|
|
const ALL_GRAPH_STYLE_OPTIONS: Array<SelectableValue<ExploreGraphStyle>> = EXPLORE_GRAPH_STYLES.map((style) => ({
|
|
value: style,
|
|
// capital-case it and switch `_` to ` `
|
|
label: style[0].toUpperCase() + style.slice(1).replace(/_/, ' '),
|
|
}));
|
|
|
|
type Props = {
|
|
graphStyle: ExploreGraphStyle;
|
|
onChangeGraphStyle: (style: ExploreGraphStyle) => void;
|
|
};
|
|
|
|
export function ExploreGraphLabel(props: Props) {
|
|
const { graphStyle, onChangeGraphStyle } = props;
|
|
return (
|
|
<HorizontalGroup justify="space-between" wrap>
|
|
Graph
|
|
<RadioButtonGroup size="sm" options={ALL_GRAPH_STYLE_OPTIONS} value={graphStyle} onChange={onChangeGraphStyle} />
|
|
</HorizontalGroup>
|
|
);
|
|
}
|