fix: Fixed Tooltip not showing on initial Render

interactivethings · Oct 1, 2024 · 6e09fa7 · 6e09fa7
1 parent dc79ea6
commit 6e09fa7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/team-communication/internal/TeamNodes.tsx b/components/team-communication/internal/TeamNodes.tsx
@@ -106,6 +106,7 @@ const TeamNodes: FC<ITeamNodeProps> = ({
         return (
           <g key={`node-tooltip-${node.id}-${i}`}>
             <motion.g
+              initial={{ opacity: 0, visibility: 'hidden' }}
               animate={{
                 opacity: hover === node.id ? 1 : 0,
                 visibility: hover === node.id ? 'visible' : 'hidden',
@@ -209,8 +210,7 @@ const TeamNodes: FC<ITeamNodeProps> = ({
                           fontSize: adjustToMedia(media, [96, 104, 112]),
                           fontFamily: 'Apple Color Emoji',
                         }) / 2,
-                      offsetY:
-                        node.radius,
+                      offsetY: node.radius,
                     })
                   : { y: node.y, x: node.x }),
                 fontSize: reactionChange