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