grafana/public/app/features/dashboard-scene/panel-edit/PanelEditControls.tsx

33 lines
944 B
TypeScript

import { selectors } from '@grafana/e2e-selectors';
import { InlineSwitch } from '@grafana/ui';
import { t } from 'app/core/internationalization';
import { PanelEditor } from './PanelEditor';
export interface Props {
panelEditor: PanelEditor;
}
export function PanelEditControls({ panelEditor }: Props) {
const { tableView, dataPane } = panelEditor.useState();
return (
<>
{dataPane && (
<InlineSwitch
label={t('dashboard-scene.panel-edit-controls.table-view-label-table-view', 'Table view')}
showLabel={true}
id="table-view"
value={tableView ? true : false}
onClick={panelEditor.onToggleTableView}
aria-label={t(
'dashboard-scene.panel-edit-controls.table-view-aria-label-toggletableview',
'Toggle table view'
)}
data-testid={selectors.components.PanelEditor.toggleTableView}
/>
)}
</>
);
}