← All changes | backend/views/components/Main/components/SaveAndUpdateButton.jsx +13 -13 1.4.8 → 1.4.17 View file →

		@@ -46,19 +46,19 @@
46	46	}, [data]);
47	47
48	48	return (
49	49	<Button
50		- className="!disco-py-2 !disco-px-4 !disco-font-normal disabled:disco-opacity-50 disabled:!disco-cursor-not-allowed"
	50	+ className="disco:py-2! disco:px-4! disco:font-normal! disco:disabled:opacity-50 disco:disabled:cursor-not-allowed!"
51	51	disabled={isLoading || !discount_intent || disabled}
52	52	onClick={handleSave}
53	53	type="transparent"
54	54	iconPositionLeft={false}
55	55	icon={
56		- <CheckCircleIcon className="disco-h-5 disco-w-5 !disco-text-primary" />
	56	+ <CheckCircleIcon className="disco:h-5 disco:w-5 disco:text-primary!" />
57	57	}
58	58	>
59	59	{isLoading ? (
60		- <div className="disco-flex disco-gap-2 disco-items-center">
	60	+ <div className="disco:flex disco:gap-2 disco:items-center">
61	61	<span>{__('Saving', 'disco')}</span>
62	62	<LoadingSpinner size={4} />
63	63	</div>
64	64	) : (
		@@ -115,10 +115,10 @@
115	115	};
116	116
117	117	return (
118	118	<>
119		- <div className="disco-flex disco-gap-2 disco-justify-center disco-items-center">
120		- <h2 className="disco-text-base disco-font-semibold">
	119	+ <div className="disco:flex disco:gap-2 disco:justify-center disco:items-center">
	120	+ <h2 className="disco:text-base disco:font-semibold">
121	121	{discount.status === '1'
122	122	? __('Enabled', 'disco')
123	123	: __('Disabled', 'disco')}
124	124	</h2>
		@@ -129,12 +129,12 @@
129	129	}
130	130	checked={discount.status === '1' ? true : false}
131	131	className={`${
132	132	discount.status === '1'
133		- ? 'disco-bg-primary'
134		- : 'disco-bg-gray-200'
	133	+ ? 'disco:bg-primary'
	134	+ : 'disco:bg-gray-200'
135	135	}
136		- disco-relative disco-inline-flex disco-h-5 disco-w-9 disco-flex-shrink-0 disco-cursor-pointer disco-rounded-full disco-border-2 disco-border-transparent disco-transition-colors disco-duration-200 disco-ease-in-out focus:disco-outline-none
	136	+ disco:relative disco:inline-flex disco:h-5 disco:w-9 disco:shrink-0 disco:cursor-pointer disco:rounded-full disco:border-2 disco:border-transparent disco:transition-colors disco:duration-200 disco:ease-in-out disco:focus:outline-hidden
137	137	`}
138	138	>
139	139	<span
140	140	aria-hidden="true"
		@@ -139,11 +139,11 @@
139	139	<span
140	140	aria-hidden="true"
141	141	className={` ${
142	142	discount.status === '1'
143		- ? 'disco-translate-x-4'
144		- : 'disco-translate-x-0'
145		- } disco-pointer-events-none disco-inline-block disco-h-4 disco-w-4 disco-transform disco-rounded-full disco-bg-white disco-shadow disco-ring-0 disco-transition disco-duration-200 disco-ease-in-out
	143	+ ? 'disco:translate-x-4'
	144	+ : 'disco:translate-x-0'
	145	+ } disco:pointer-events-none disco:inline-block disco:h-4 disco:w-4 disco:transform disco:rounded-full disco:bg-white disco:shadow-sm disco:ring-0 disco:transition disco:duration-200 disco:ease-in-out
146	146	`}
147	147	/>
148	148	</Switch>
149	149	</div>
		@@ -148,14 +148,14 @@
148	148	</Switch>
149	149	</div>
150	150
151	151	<Button
152		- className="!disco-py-1.5 !disco-px-4 !disco-font-normal"
	152	+ className="disco:py-1.5! disco:px-4! disco:font-normal!"
153	153	disabled={isLoading || disabled}
154	154	onClick={handleUpdate}
155	155	>
156	156	{isLoading ? (
157		- <div className="disco-flex disco-gap-2 disco-items-center">
	157	+ <div className="disco:flex disco:gap-2 disco:items-center">
158	158	<span> {__('Updating', 'disco')}</span>
159	159	<LoadingSpinner size={4} />
160	160	</div>
161	161	) : (