← All changes | backend/views/components/Analytics/components/customers/CustomersTable.jsx +16 -16 1.4.13 → 1.4.21 View file →

		@@ -15,15 +15,15 @@
15	15
16	16	const renderRow = (c, index) => (
17	17	<tr
18	18	key={index}
19		- className="disco-border-b disco-border-[#f3f4f6] last:disco-border-0 hover:disco-bg-[#f9fafb] disco-cursor-pointer disco-transition-colors"
	19	+ className="disco:border-b disco:border-[#f3f4f6] disco:last:border-0 disco:hover:bg-[#f9fafb] disco:cursor-pointer disco:transition-colors"
20	20	>
21		- <td className="disco-px-3 disco-py-2.5">
	21	+ <td className="disco:px-3 disco:py-2.5">
22	22	{c.id != '0' ? (
23	23	<Link
24	24	to={`/customers/${c.id}`}
25		- className="disco-flex disco-items-center disco-gap-2.5 disco-group"
	25	+ className="disco:flex disco:items-center disco:gap-2.5 disco:group"
26	26	>
27	27	<CustomerAvatar
28	28	avatar={c.avatar}
29	29	fallback={c.initials}
		@@ -29,18 +29,18 @@
29	29	fallback={c.initials}
30	30	color={c.color}
31	31	/>
32	32	<div>
33		- <p className="disco-font-medium disco-text-gray-900 disco-leading-tight group-hover:disco-text-primary disco-transition-colors">
	33	+ <p className="disco:font-medium disco:text-gray-900 disco:leading-tight disco:group-hover:text-primary disco:transition-colors">
34	34	{c.name}
35	35	</p>
36		- <p className="disco-text-gray-400 disco-text-[10px] disco-mt-0.5 group-hover:disco-text-primary disco-transition-colors">
	36	+ <p className="disco:text-gray-400 disco:text-[10px] disco:mt-0.5 disco:group-hover:text-primary disco:transition-colors">
37	37	{c.email}
38	38	</p>
39	39	</div>
40	40	</Link>
41	41	) : (
42		- <div className="disco-flex disco-items-center disco-gap-2.5">
	42	+ <div className="disco:flex disco:items-center disco:gap-2.5">
43	43	<CustomerAvatar
44	44	avatar={c.avatar}
45	45	fallback={c.initials}
46	46	color={c.color}
		@@ -45,15 +45,15 @@
45	45	fallback={c.initials}
46	46	color={c.color}
47	47	/>
48	48	<div>
49		- <p className="disco-font-medium disco-text-gray-900 disco-leading-tight">
	49	+ <p className="disco:font-medium disco:text-gray-900 disco:leading-tight">
50	50	{c.name || 'Guest'}
51		- <span className="disco-text-gray-400 disco-text-[8px] disco-border disco-rounded-full disco-bg-orange-100 disco-border-orange-200 disco-px-2 disco-py-0.5 disco-ml-2">
	51	+ <span className="disco:text-gray-400 disco:text-[8px] disco:border disco:rounded-full disco:bg-orange-100 disco:border-orange-200 disco:px-2 disco:py-0.5 disco:ml-2">
52	52	Not Registered
53	53	</span>
54	54	</p>
55		- <p className="disco-text-gray-400 disco-text-[10px] disco-mt-0.5">
	55	+ <p className="disco:text-gray-400 disco:text-[10px] disco:mt-0.5">
56	56	{c.email}
57	57	</p>
58	58	</div>
59	59	</div>
		@@ -58,18 +58,18 @@
58	58	</div>
59	59	</div>
60	60	)}
61	61	</td>
62		- <td className="disco-px-3 disco-py-2.5 disco-text-gray-500 disco-whitespace-nowrap">
	62	+ <td className="disco:px-3 disco:py-2.5 disco:text-gray-500 disco:whitespace-nowrap">
63	63	{c.state}
64	64	</td>
65		- <td className="disco-px-3 disco-py-2.5 disco-text-gray-500">
	65	+ <td className="disco:px-3 disco:py-2.5 disco:text-gray-500">
66	66	<ProductsMoreDialog title="Campaigns" items={c.campaigns} />
67	67	</td>
68		- <td className="disco-px-3 disco-py-2.5 disco-text-gray-600">
	68	+ <td className="disco:px-3 disco:py-2.5 disco:text-gray-600">
69	69	{c.orders}
70	70	</td>
71		- <td className="disco-px-3 disco-py-2.5 disco-font-semibold disco-text-gray-700">
	71	+ <td className="disco:px-3 disco:py-2.5 disco:font-semibold disco:text-gray-700">
72	72	{c.spent}
73	73	</td>
74	74	</tr>
75	75	);
		@@ -105,18 +105,18 @@
105	105	page={page}
106	106	totalPages={totalPages}
107	107	onPageChange={onPageChange}
108	108	isLoading={isLoading}
109		- cellPadding="disco-px-3"
	109	+ cellPadding="disco:px-3"
110	110	locked={!isPro}
111	111	lockOverlay={{
112	112	size: 'lg',
113	113	label: __('Upgrade to pro', 'disco'),
114	114	titleClassName:
115		- 'disco-max-w-md disco-text-base disco-font-normal disco-text-[#111827] disco-leading-snug',
	115	+ 'disco:max-w-md disco:text-base disco:font-normal disco:text-[#111827] disco:leading-snug',
116	116	title: (
117	117	<>
118		- <strong className="disco-font-semibold">
	118	+ <strong className="disco:font-semibold">
119	119	{__('Upgrade to Disco Pro', 'disco')}
120	120	</strong>{' '}
121	121	{__(
122	122	'to identify your highest-value customers — and find out which ones only buy when a discount is running.',