AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: use actual blip width to position tooltip

Browse Source
This commit is contained in:
Mathias Schopmans
2024-02-26 12:09:06 +01:00
committed by Mathias Schopmans
parent 15664d2d92
commit 8fe400f7a2
1 changed files with 1 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Radar/Radar.tsx
View File

@@ -11,13 +11,9 @@ import styles from "./Radar.module.css";
import { Chart } from "@/components/Radar/Chart"; import { Chart } from "@/components/Radar/Chart";
import { Label } from "@/components/Radar/Label"; import { Label } from "@/components/Radar/Label";
import { getChartConfig } from "@/lib/data";
import { Item, Quadrant, Ring } from "@/lib/types"; import { Item, Quadrant, Ring } from "@/lib/types";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
const { blipSize } = getChartConfig();
const halfBlipSize = blipSize / 2;
export interface RadarProps { export interface RadarProps {
size?: number; size?: number;
quadrants: Quadrant[]; quadrants: Quadrant[];
@@ -60,7 +56,7 @@ export const Radar: FC<RadarProps> = ({
const radarRect = radarRef.current!.getBoundingClientRect(); const radarRect = radarRef.current!.getBoundingClientRect();
// Adjusting tooltip position to be relative to the radar container // Adjusting tooltip position to be relative to the radar container
const x = linkRect.left - radarRect.left + halfBlipSize; const x = linkRect.left - radarRect.left + linkRect.width / 2;
const y = linkRect.top - radarRect.top; const y = linkRect.top - radarRect.top;
setTooltip({ setTooltip({