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 | 1x 18x 18x 18x 18x 18x 18x 18x 18x 1x 1x 1x 1x | import React from 'react';
type CustomDotProps = {
cx: number;
cy: number;
index: number;
dotRef: React.RefObject<Record<number, { cx: number; cy: number }>>;
color?: string;
value?: number;
};
const CustomDot: React.FC<CustomDotProps> = ({
cx,
cy,
value,
index,
dotRef,
color,
}) => {
if (!value) return <></>;
dotRef.current[index] = { cx, cy };
return <circle cx={cx} cy={cy} r={3.5} fill={color} stroke={color} />;
};
export default CustomDot;
|