public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

VizLegend: Omit sectionRight when no right axis exists (#76923)

Browse Source 
Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
This commit is contained in:
Leon Sorokin
2023-10-23 15:01:46 -05:00
committed by GitHub
co-authored by Torkel Ödegaard
parent b0eeeb9404
commit 344e99e069
1 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/grafana-ui/src/components/VizLegend/VizLegendList.tsx
+13 -14
View File
@@ -56,26 +56,25 @@ export const VizLegendList = <T extends unknown>({
}
case 'bottom':
default: {
const leftItems = items.filter((item) => item.yAxis === 1);
const rightItems = items.filter((item) => item.yAxis !== 1);
const renderItem = (item: VizLegendItem<T>, index: number) => {
return <span className={styles.itemBottom}>{itemRenderer!(item, index)}</span>;
};
return (
<div className={cx(styles.bottomWrapper, className)}>
<div className={styles.section}>
<InlineList
items={items.filter((item) => item.yAxis === 1)}
renderItem={renderItem}
getItemKey={getItemKey}
/>
</div>
<div className={cx(styles.section, styles.sectionRight)}>
<InlineList
items={items.filter((item) => item.yAxis !== 1)}
renderItem={renderItem}
getItemKey={getItemKey}
/>
</div>
{leftItems.length > 0 && (
<div className={styles.section}>
<InlineList items={leftItems} renderItem={renderItem} getItemKey={getItemKey} />
</div>
)}
{rightItems.length > 0 && (
<div className={cx(styles.section, styles.sectionRight)}>
<InlineList items={rightItems} renderItem={renderItem} getItemKey={getItemKey} />
</div>
)}
</div>
);
}