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

XYCanvas: useMemo() for className gen (#37513)

Browse Source
This commit is contained in:
Leon Sorokin 2021-08-04 13:47:43 -05:00 committed by GitHub
parent 1fe3452886
commit 27b94139ed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/grafana-ui/src/components/uPlot/geometries/XYCanvas.tsx
View File

@ -1,5 +1,5 @@
import { usePlotContext } from '../context'; import { usePlotContext } from '../context';
import React from 'react'; import React, { useMemo } from 'react';
import { css } from '@emotion/css'; import { css } from '@emotion/css';
interface XYCanvasProps {} interface XYCanvasProps {}
@ -16,16 +16,14 @@ export const XYCanvas: React.FC<XYCanvasProps> = ({ children }) => {
return null; return null;
} }
return ( const className = useMemo(() => {
<div return css`
className={css` position: absolute;
position: absolute; overflow: visible;
overflow: visible; left: ${plotInstance.bbox.left / window.devicePixelRatio}px;
left: ${plotInstance.bbox.left / window.devicePixelRatio}px; top: ${plotInstance.bbox.top / window.devicePixelRatio}px;
top: ${plotInstance.bbox.top / window.devicePixelRatio}px; `;
`} }, [plotInstance.bbox.left, plotInstance.bbox.top]);
>
{children} return <div className={className}>{children}</div>;
</div>
);
}; };