fix: executions bar chart popover alignment (#977)

* fix: alignment of popover * chore: remove unused prop
kubeshop · Dec 14, 2023 · 57c31d9 · 57c31d9
1 parent f9639a7
commit 57c31d9
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/web/src/components/molecules/MetricsBarChart/components/BarWithTooltipPure.tsx b/packages/web/src/components/molecules/MetricsBarChart/components/BarWithTooltipPure.tsx
@@ -27,7 +27,7 @@ type BarConfigPure = BarConfig & {
 };
 
 const BarWithTooltipPure: React.FC<BarConfigPure> = memo(props => {
-  const {width, height, color, status, duration, name, startTime, chartHeight, hoverColor, date, onSelect} = props;
+  const {width, height, color, status, duration, name, startTime, hoverColor, date, onSelect} = props;
 
   const onBarClicked = useCallback(() => onSelect(name), [onSelect, name]);
 
@@ -52,7 +52,7 @@ const BarWithTooltipPure: React.FC<BarConfigPure> = memo(props => {
   );
 
   return (
-    <Popover content={popoverContent} align={{offset: [0, chartHeight - height - tooltipYOffsetMargin]}}>
+    <Popover content={popoverContent} align={{offset: [0, tooltipYOffsetMargin]}}>
       <ClickableBar style={{height, width}} $color={color} hoverColor={hoverColor} onClick={onBarClicked}>
         {date ? <BarDate $height={height}>{date}</BarDate> : undefined}
       </ClickableBar>