← All changes | backend/views/components/Analytics/components/customers/CustomerOrdersTable.jsx +13 -13 1.4.2 → 1.4.21 View file →

		@@ -1,8 +1,8 @@
1	1	import { selectDateRangeParams } from '@/features/dateRange/dateRangeSlice';
2	2	import { useGetOrdersQuery } from '@/features/orders/ordersApi';
3	3	import useIsPro from '@/lib/useIsPro';
4		-import { fmt, fmtDate, truncate } from '@/lib/utils';
	4	+import { fmt, formatDate, truncate } from '@/lib/utils';
5	5	import { __ } from '@wordpress/i18n';
6	6	import { useState } from 'react';
7	7	import { useSelector } from 'react-redux';
8	8	import DataTable from '../ui-blocks/DataTable';
		@@ -17,38 +17,38 @@
17	17	{ key: 'quantity', label: 'Quantity', sortable: true },
18	18	{ key: 'date', label: 'Date', sortable: true },
19	19	];
20	20
21		-const SORT_MAP = { revenue: 'revenue', date: 'date' };
	21	+const SORT_MAP = { total_spent: 'revenue', quantity: 'quantity', date: 'date' };
22	22
23	23	const renderRow = (order) => (
24	24	<tr
25	25	key={order.id}
26		- className="disco-border-b disco-border-[#f3f4f6] last:disco-border-0 hover:disco-bg-[#f9fafb] disco-transition-colors"
	26	+ className="disco:border-b disco:border-[#f3f4f6] disco:last:border-0 disco:hover:bg-[#f9fafb] disco:transition-colors"
27	27	>
28		- <td className="disco-px-4 disco-py-3 disco-font-mono disco-text-[#9ca3af]">
	28	+ <td className="disco:px-4 disco:py-3 disco:font-mono disco:text-[#9ca3af]">
29	29	#{order.id}
30	30	</td>
31		- <td className="disco-px-4 disco-py-3 disco-font-medium disco-text-[#2fa86d] disco-whitespace-nowrap">
	31	+ <td className="disco:px-4 disco:py-3 disco:font-medium disco:text-[#2fa86d] disco:whitespace-nowrap">
32	32	{truncate(
33	33	(order.campaigns ?? []).map((c) => c.name).join(', '),
34	34	30
35	35	) || '—'}
36	36	</td>
37		- <td className="disco-px-4 disco-py-3 disco-text-gray-500 disco-font-medium disco-whitespace-nowrap">
	37	+ <td className="disco:px-4 disco:py-3 disco:text-gray-500 disco:font-medium disco:whitespace-nowrap">
38	38	{order?.campaigns[0]?.intent}
39	39	</td>
40		- <td className="disco-px-4 disco-py-3 disco-font-semibold disco-text-[#111827]">
	40	+ <td className="disco:px-4 disco:py-3 disco:font-semibold disco:text-[#111827]">
41	41	{fmt(order.total_spent)}
42	42	</td>
43		- <td className="disco-px-4 disco-py-3 disco-text-[#6b7280]">
	43	+ <td className="disco:px-4 disco:py-3 disco:text-[#6b7280]">
44	44	<ProductsMoreDialog title="Products" items={order.products ?? []} />
45	45	</td>
46		- <td className="disco-px-4 disco-py-3 disco-font-semibold disco-text-[#111827]">
	46	+ <td className="disco:px-4 disco:py-3 disco:font-semibold disco:text-[#111827]">
47	47	{order.quantity}
48	48	</td>
49		- <td className="disco-px-4 disco-py-3 disco-text-[#9ca3af] disco-whitespace-nowrap">
50		- {fmtDate(order.date)}
	49	+ <td className="disco:px-4 disco:py-3 disco:text-[#9ca3af] disco:whitespace-nowrap">
	50	+ {formatDate(order.date)}
51	51	</td>
52	52	</tr>
53	53	);
54	54
		@@ -108,12 +108,12 @@
108	108	lockOverlay={{
109	109	size: 'lg',
110	110	label: __('Upgrade to pro', 'disco'),
111	111	titleClassName:
112		- 'disco-max-w-md disco-text-base disco-font-normal disco-text-[#111827] disco-leading-snug',
	112	+ 'disco:max-w-md disco:text-base disco:font-normal disco:text-[#111827] disco:leading-snug',
113	113	title: (
114	114	<>
115		- <strong className="disco-font-semibold">
	115	+ <strong className="disco:font-semibold">
116	116	{__('Upgrade to Disco Pro', 'disco')}
117	117	</strong>{' '}
118	118	{__(
119	119	'to unlock your complete campaign data — including real revenue per campaign, discount ROI, and full trend history.',