IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

datatrails: handle "single" layout when switching to "all" labels (#85373)

Browse Source 
* fix: handle "single" layout when switching to "all" labels
This commit is contained in:
Darren Janeczek 2024-03-28 12:13:43 -04:00 committed by GitHub
parent 63a941472e
commit 18f3c7188b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/app/features/trails/ActionTabs/LayoutSwitcher.tsx
View File

@ -20,22 +20,30 @@ export class LayoutSwitcher extends SceneObjectBase<LayoutSwitcherState> {
public Selector({ model }: { model: LayoutSwitcher }) { public Selector({ model }: { model: LayoutSwitcher }) {
const { options } = model.useState(); const { options } = model.useState();
const { layout } = model.getMetricScene().useState(); const activeLayout = model.useActiveLayout();
return ( return (
<Field label="View"> <Field label="View">
<RadioButtonGroup options={options} value={layout} onChange={model.onLayoutChange} /> <RadioButtonGroup options={options} value={activeLayout} onChange={model.onLayoutChange} />
</Field> </Field>
); );
} }
private useActiveLayout() {
const { options } = this.useState();
const { layout } = this.getMetricScene().useState();
const activeLayout = options.map((option) => option.value).includes(layout) ? layout : options[0].value;
return activeLayout;
}
public onLayoutChange = (active: LayoutType) => { public onLayoutChange = (active: LayoutType) => {
this.getMetricScene().setState({ layout: active }); this.getMetricScene().setState({ layout: active });
}; };
public static Component = ({ model }: SceneComponentProps<LayoutSwitcher>) => { public static Component = ({ model }: SceneComponentProps<LayoutSwitcher>) => {
const { layouts, options } = model.useState(); const { layouts, options } = model.useState();
const { layout: activeLayout } = model.getMetricScene().useState(); const activeLayout = model.useActiveLayout();
const index = options.findIndex((o) => o.value === activeLayout); const index = options.findIndex((o) => o.value === activeLayout);
if (index === -1) { if (index === -1) {