From af2f9b145fc6029abc59300bdf6b909301a21e98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Fri, 14 Jun 2024 22:49:19 +0200
Subject: [PATCH] #27 - fix tooltip copy for live counter

---
 .../overview/live-counter/live-counter.tsx          | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/apps/dashboard/src/components/overview/live-counter/live-counter.tsx b/apps/dashboard/src/components/overview/live-counter/live-counter.tsx
index 362294fe..dc4908d3 100644
--- a/apps/dashboard/src/components/overview/live-counter/live-counter.tsx
+++ b/apps/dashboard/src/components/overview/live-counter/live-counter.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useRef, useState } from 'react';
+import { TooltipComplete } from '@/components/tooltip-complete';
 import {
   Tooltip,
   TooltipContent,
@@ -43,8 +44,8 @@ export default function LiveCounter({ data = 0, projectId }: LiveCounterProps) {
   });
 
   return (
-    <Tooltip>
-      <TooltipTrigger className="flex h-8 items-center gap-2 rounded border border-border px-3 font-medium leading-none">
+    <TooltipComplete content={`${counter} unique visitors last 5 minutes`}>
+      <div className="flex h-8 items-center gap-2 rounded border border-border px-3 font-medium leading-none">
         <div className="relative">
           <div
             className={cn(
@@ -71,11 +72,7 @@ export default function LiveCounter({ data = 0, projectId }: LiveCounterProps) {
           animateToNumber={counter}
           locale="en"
         />
-      </TooltipTrigger>
-      <TooltipContent side="bottom">
-        <p>{counter} unique visitors last 5 minutes</p>
-        <p>Click to see activity for the last 30 minutes</p>
-      </TooltipContent>
-    </Tooltip>
+      </div>
+    </TooltipComplete>
   );
 }