Update Industries.tsx
This commit is contained in:
@@ -6,6 +6,7 @@ import { Card } from '../../components/ui/card';
|
||||
import Badge from '../../components/ui/badge/Badge';
|
||||
import PageHeader from '../../components/common/PageHeader';
|
||||
import { PieChartIcon } from '../../icons';
|
||||
import { Tooltip } from '../../components/ui/tooltip/Tooltip';
|
||||
|
||||
interface IndustryWithData extends Industry {
|
||||
keywordsCount: number;
|
||||
@@ -121,9 +122,14 @@ export default function Industries() {
|
||||
{industry.name}
|
||||
</h3>
|
||||
{industry.totalVolume > 0 && (
|
||||
<Badge variant="solid" color="dark" size="sm">
|
||||
{formatVolume(industry.totalVolume)}
|
||||
</Badge>
|
||||
<Tooltip
|
||||
text={`Total search volume: ${industry.totalVolume.toLocaleString()} monthly searches across all keywords in this industry`}
|
||||
placement="top"
|
||||
>
|
||||
<Badge variant="solid" color="dark" size="sm">
|
||||
{formatVolume(industry.totalVolume)}
|
||||
</Badge>
|
||||
</Tooltip>
|
||||
)}
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user