refactor: Rename

Author: bprusinowski

app/charts/shared/annotation-tooltip.tsx

@@ -2,16 +2,16 @@ import { IconButton, Theme, Typography } from "@mui/material";
 import { makeStyles } from "@mui/styles";
 import { useCallback } from "react";
 
-import { AnnotationPosition } from "@/charts/shared/annotations";
+import { RenderAnnotation } from "@/charts/shared/annotations";
 import { MarkdownInheritFonts } from "@/components/markdown";
 import { Icon } from "@/icons";
 import { useLocale } from "@/locales/use-locale";
 import { useChartInteractiveFilters } from "@/stores/interactive-filters";
 
 export const AnnotationTooltip = ({
-  annotationPosition: { annotation, x, y },
+  renderAnnotation: { annotation, x, y },
 }: {
-  annotationPosition: AnnotationPosition;
+  renderAnnotation: RenderAnnotation;
 }) => {
   const classes = useStyles();
   const annotations = useChartInteractiveFilters((d) => d.annotations);

app/charts/shared/annotations.tsx

@@ -58,7 +58,7 @@ export const Annotations = () => {
     [interactiveAnnotations, setInteractiveAnnotations]
   );
 
-  const annotationPositions = useMemo(() => {
+  const renderAnnotations = useMemo(() => {
     // A "hack" to prevent using // eslint-disable-next-line @typescript-eslint/no-unused-vars
     // We need to re-compute the annotation positions when the chart width or height changes.
     width;
@@ -90,7 +90,7 @@ export const Annotations = () => {
           };
         });
       })
-      .filter((d): d is AnnotationPosition => d !== null);
+      .filter((d): d is RenderAnnotation => d !== null);
   }, [
     width,
     height,
@@ -103,8 +103,8 @@ export const Annotations = () => {
 
   return (
     <>
-      {annotationPositions.map((annotationPosition) => {
-        const { annotation, x, y, color, focused } = annotationPosition;
+      {renderAnnotations.map((renderAnnotation) => {
+        const { annotation, x, y, color, focused } = renderAnnotation;
 
         return (
           <>
@@ -116,15 +116,15 @@ export const Annotations = () => {
               focused={focused}
               onClick={() => handleAnnotationClick(annotation)}
             />
-            <AnnotationTooltip annotationPosition={annotationPosition} />
+            <AnnotationTooltip renderAnnotation={renderAnnotation} />
           </>
         );
       })}
     </>
   );
 };
 
-export type AnnotationPosition = {
+export type RenderAnnotation = {
   annotation: Annotation;
   x: number;
   y: number;