disco / backend / views / components / Analytics / components / dashboard / CustomTooltipByRevenueChart.jsx

CustomTooltipByRevenueChart.jsx in Discount Rules for WooCommerce – Disco | Dynamic Pricing, Conditions, Bulk, Bundle, BOGO 1.4.22, at backend/views/components/Analytics/components/dashboard/CustomTooltipByRevenueChart.jsx

21 lines 694 B

Raw Download Zip

1	import { fmt, formatTooltipDate } from '@/lib/utils';
2
3	const CustomTooltipByRevenueChart = ({ active, payload, label, interval }) => {
4	if (!active \|\| !payload?.length) return null;
5	return (
6	<div className="disco:bg-[#1e2327] disco:text-white disco:rounded-lg disco:p-2 disco:text-[10px] disco:shadow-lg">
7	<p className="disco:text-[#bbcfff] disco:mb-1">
8	{formatTooltipDate(label, interval)}
9	</p>
10	{payload.map((p) => (
11	<p key={p.name} style={{ color: p.color }}>
12	{p.name === 'net_sales' ? 'Net Sales' : 'Discount Sales'}:{' '}
13	<strong className="disco:text-white">{fmt(p.value)}</strong>
14	</p>
15	))}
16	</div>
17	);
18	};
19
20	export default CustomTooltipByRevenueChart;
21