zias/stats
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

#27 - fix tooltip copy for live counter

Browse Source
This commit is contained in:
Carl-Gerhard Lindesvärd
2024-06-14 22:49:19 +02:00
parent 4be91d7837
commit af2f9b145f
1 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/dashboard/src/components/overview/live-counter/live-counter.tsx
View File

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