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

Dashboard Links: Links kept in sync with dashboard time range (#26845)

Browse Source 
Closes #26694
This commit is contained in:
kay delaney 2020-08-09 23:27:18 +01:00 committed by GitHub
parent 2cd9b9a7b9
commit d4e85e4857
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
public/app/features/dashboard/components/SubMenu/DashboardLinks.tsx
View File

@ -1,4 +1,4 @@
import React, { FC } from 'react';
import React, { FC, useReducer } from 'react';
import { Icon, IconName, Tooltip } from '@grafana/ui';
import { sanitize, sanitizeUrl } from '@grafana/data/src/text/sanitize';
import { DashboardLinksDashboard } from './DashboardLinksDashboard';
@ -7,6 +7,8 @@ import { getLinkSrv } from '../../../panel/panellinks/link_srv';
import { DashboardModel } from '../../state';
import { DashboardLink } from '../../state/DashboardModel';
import { iconMap } from '../DashLinks/DashLinksEditorCtrl';
import { useEffectOnce } from 'react-use';
import { CoreEvents } from 'app/types';
export interface Props {
dashboard: DashboardModel;
@ -18,6 +20,17 @@ export const DashboardLinks: FC<Props> = ({ dashboard, links }) => {
return null;
}
// Emulate forceUpdate (https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate)
const [, forceUpdate] = useReducer(x => x + 1, 0);
useEffectOnce(() => {
dashboard.on(CoreEvents.timeRangeUpdated, forceUpdate);
return () => {
dashboard.off(CoreEvents.timeRangeUpdated, forceUpdate);
};
});
return (
<>
{links.map((link: DashboardLink, index: number) => {