wrap GaugeWrap.tsx

0% Statements 0/5

0% Branches 0/4

0% Functions 0/1

0% Lines 0/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Gauge } from "@ant-design/plots";
import React from "react";
import { useResizeDetector } from "react-resize-detector";
 
const GaugeWrap: React.FC = (props) => {
	const { width, height, ref } = useResizeDetector<HTMLDivElement>();
 
	const roundedWidth = Math.trunc((width ?? 0) / 10) * 10;
	const roundedHeight = Math.trunc((height ?? 0) / 10) * 10;
 
	return (
		<div
			ref={ref}
			style={{
				maxWidth: "85%",
				margin: "auto",
			}}
		>
			<Gauge
				{...props}
				width={roundedWidth}
				height={roundedHeight}
				// width={width}
				// height={height}
			/>
		</div>
	);
};
 
export default GaugeWrap;