diff --git a/public/app/features/dashboard-scene/sharing/ShareButton/ShareButton.tsx b/public/app/features/dashboard-scene/sharing/ShareButton/ShareButton.tsx index f5574ea89f9..a7f6fd46890 100644 --- a/public/app/features/dashboard-scene/sharing/ShareButton/ShareButton.tsx +++ b/public/app/features/dashboard-scene/sharing/ShareButton/ShareButton.tsx @@ -1,9 +1,11 @@ +import { css } from '@emotion/css'; import { useCallback, useState } from 'react'; import { useAsyncFn } from 'react-use'; +import { GrafanaTheme2 } from '@grafana/data'; import { selectors as e2eSelectors } from '@grafana/e2e-selectors'; import { VizPanel } from '@grafana/scenes'; -import { Button, ButtonGroup, Dropdown } from '@grafana/ui'; +import { Button, ButtonGroup, Dropdown, useStyles2 } from '@grafana/ui'; import { t, Trans } from 'app/core/internationalization'; import { DashboardScene } from '../../scene/DashboardScene'; @@ -15,6 +17,7 @@ import { buildShareUrl } from './utils'; const newShareButtonSelector = e2eSelectors.pages.Dashboard.DashNav.newShareButton; export default function ShareButton({ dashboard, panel }: { dashboard: DashboardScene; panel?: VizPanel }) { + const styles = useStyles2(getStyles); const [isOpen, setIsOpen] = useState(false); const [_, buildUrl] = useAsyncFn(async () => { @@ -23,17 +26,13 @@ export default function ShareButton({ dashboard, panel }: { dashboard: Dashboard }, [dashboard]); const onMenuClick = useCallback((isOpen: boolean) => { - if (isOpen) { - DashboardInteractions.toolbarShareDropdownClick(); - } - setIsOpen(isOpen); }, []); const MenuActions = () => ; return ( - +