Files
Josh Hunt 3c6e0e8ef8 Chore: ESlint import order (#44959)
* Add and configure eslint-plugin-import

* Fix the lint:ts npm command

* Autofix + prettier all the files

* Manually fix remaining files

* Move jquery code in jest-setup to external file to safely reorder imports

* Resolve issue caused by circular dependencies within Prometheus

* Update .betterer.results

* Fix missing // @ts-ignore

* ignore iconBundle.ts

* Fix missing // @ts-ignore
2022-04-22 14:33:13 +01:00

31 lines
776 B
TypeScript

import React, { Dispatch, SetStateAction } from 'react';
import { Tab, TabsBar } from '@grafana/ui';
import { GeomapLayerHover } from '../event';
type Props = {
layers?: GeomapLayerHover[];
setActiveTabIndex: Dispatch<SetStateAction<number>>;
activeTabIndex: number;
};
export const DataHoverTabs = ({ layers, setActiveTabIndex, activeTabIndex }: Props) => {
return (
<TabsBar>
{layers &&
layers.map((g, index) => (
<Tab
key={index}
label={g.layer.getName()}
active={index === activeTabIndex}
counter={g.features.length > 1 ? g.features.length : null}
onChangeTab={() => {
setActiveTabIndex(index);
}}
/>
))}
</TabsBar>
);
};