IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-13 00:55:47 -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 React from 'react';
import React, { useMemo } from 'react';
import { css } from '@emotion/css';
interface XYCanvasProps {}
@ -16,16 +16,14 @@ export const XYCanvas: React.FC<XYCanvasProps> = ({ children }) => {
return null;
}
return (
<div
className={css`
position: absolute;
overflow: visible;
left: ${plotInstance.bbox.left / window.devicePixelRatio}px;
top: ${plotInstance.bbox.top / window.devicePixelRatio}px;
`}
>
{children}
</div>
);
const className = useMemo(() => {
return css`
position: absolute;
overflow: visible;
left: ${plotInstance.bbox.left / window.devicePixelRatio}px;
top: ${plotInstance.bbox.top / window.devicePixelRatio}px;
`;
}, [plotInstance.bbox.left, plotInstance.bbox.top]);
return <div className={className}>{children}</div>;
};