← All changes | backend/views/components/Main/components/AlertPopup.jsx +27 -27 1.4.3 → 1.4.21 View file →

		@@ -17,60 +17,60 @@
17	17	}) => (
18	18	<Transition.Root show={open} as={Fragment}>
19	19	<Dialog
20	20	as="div"
21		- className="disco-relative disco-z-50"
	21	+ className="disco:relative disco:z-50"
22	22	onClose={setOpen}
23	23	>
24	24	<Transition.Child
25	25	as={Fragment}
26		- enter="disco-ease-out disco-duration-300"
27		- enterFrom="disco-opacity-0"
28		- enterTo="disco-opacity-100"
29		- leave="disco-ease-in disco-duration-200"
30		- leaveFrom="disco-opacity-100"
31		- leaveTo="disco-opacity-0"
	26	+ enter="disco:ease-out disco:duration-300"
	27	+ enterFrom="disco:opacity-0"
	28	+ enterTo="disco:opacity-100"
	29	+ leave="disco:ease-in disco:duration-200"
	30	+ leaveFrom="disco:opacity-100"
	31	+ leaveTo="disco:opacity-0"
32	32	>
33		- <div className="disco-fixed disco-inset-0 disco-bg-gray-500 disco-bg-opacity-50 disco-transition-opacity" />
	33	+ <div className="disco:fixed disco:inset-0 disco:bg-gray-500/50 disco:transition-opacity" />
34	34	</Transition.Child>
35		- <div className="disco-fixed disco-inset-0 disco-z-10 disco-w-screen disco-overflow-y-auto">
36		- <div className="disco-flex disco-min-h-full disco-items-end disco-justify-center disco-p-4 disco-text-center sm:disco-items-center sm:disco-p-0">
	35	+ <div className="disco:fixed disco:inset-0 disco:z-10 disco:w-screen disco:overflow-y-auto">
	36	+ <div className="disco:flex disco:min-h-full disco:items-end disco:justify-center disco:p-4 disco:text-center disco:sm:items-center disco:sm:p-0">
37	37	<Transition.Child
38	38	as={Fragment}
39		- enter="disco-ease-out disco-duration-300"
40		- enterFrom="disco-opacity-0 disco-translate-y-4 sm:disco-translate-y-0 sm:disco-scale-95"
41		- enterTo="disco-opacity-100 disco-translate-y-0 sm:disco-scale-100"
42		- leave="disco-ease-in disco-duration-200"
43		- leaveFrom="disco-opacity-100 disco-translate-y-0 sm:disco-scale-100"
44		- leaveTo="disco-opacity-0 disco-translate-y-4 sm:disco-translate-y-0 sm:disco-scale-95"
	39	+ enter="disco:ease-out disco:duration-300"
	40	+ enterFrom="disco:opacity-0 disco:translate-y-4 disco:sm:translate-y-0 disco:sm:scale-95"
	41	+ enterTo="disco:opacity-100 disco:translate-y-0 disco:sm:scale-100"
	42	+ leave="disco:ease-in disco:duration-200"
	43	+ leaveFrom="disco:opacity-100 disco:translate-y-0 disco:sm:scale-100"
	44	+ leaveTo="disco:opacity-0 disco:translate-y-4 disco:sm:translate-y-0 disco:sm:scale-95"
45	45	>
46		- <Dialog.Panel className="disco-relative disco-transform disco-overflow-hidden disco-rounded-lg disco-bg-white disco-px-4 disco-pb-4 disco-pt-5 disco-text-left disco-shadow disco-transition-all sm:disco-my-8 sm:disco-w-full sm:disco-max-w-lg sm:disco-p-6">
47		- <div className="sm:disco-flex sm:disco-items-start">
48		- <div className="disco-mx-auto disco-flex disco-h-12 disco-w-12 disco-flex-shrink-0 disco-items-center disco-justify-center disco-rounded-full disco-bg-red-100 sm:disco-mx-0 sm:disco-h-10 sm:disco-w-10">
	46	+ <Dialog.Panel className="disco:relative disco:transform disco:overflow-hidden disco:rounded-lg disco:bg-white disco:px-4 disco:pb-4 disco:pt-5 disco:text-left disco:shadow disco:transition-all disco:sm:my-8 disco:sm:w-full disco:sm:max-w-lg disco:sm:p-6">
	47	+ <div className="disco:sm:flex disco:sm:items-start">
	48	+ <div className="disco:mx-auto disco:flex disco:h-12 disco:w-12 disco:shrink-0 disco:items-center disco:justify-center disco:rounded-full disco:bg-red-100 disco:sm:mx-0 disco:sm:h-10 disco:sm:w-10">
49	49	<ExclamationTriangleIcon
50		- className="disco-h-6 disco-w-6 disco-text-red-600"
	50	+ className="disco:h-6 disco:w-6 disco:text-red-600"
51	51	aria-hidden="true"
52	52	/>
53	53	</div>
54		- <div className="disco-mt-3 disco-text-center sm:disco-ml-4 sm:disco-mt-0 sm:disco-text-left">
	54	+ <div className="disco:mt-3 disco:text-center disco:sm:ml-4 disco:sm:mt-0 disco:sm:text-left">
55	55	<Dialog.Title
56	56	as="h3"
57		- className="disco-text-base disco-font-semibold disco-leading-6 disco-text-gray-900"
	57	+ className="disco:text-base disco:font-semibold disco:leading-6 disco:text-gray-900"
58	58	>
59	59	{title}
60	60	</Dialog.Title>
61		- <div className="disco-mt-2">
62		- <p className="disco-text-sm disco-text-gray-500">
	61	+ <div className="disco:mt-2">
	62	+ <p className="disco:text-sm disco:text-gray-500">
63	63	{description}
64	64	</p>
65	65	</div>
66	66	</div>
67	67	</div>
68		- <div className="disco-mt-5 sm:disco-mt-4 sm:disco-flex sm:disco-flex-row-reverse">
	68	+ <div className="disco:mt-5 disco:sm:mt-4 disco:sm:flex disco:sm:flex-row-reverse">
69	69	<button
70	70	data-testid={removeBtnTestId}
71	71	type="button"
72		- className="disco-inline-flex disco-w-full disco-justify-center disco-rounded-md disco-bg-red-600 disco-px-3 disco-py-2 disco-text-sm disco-font-semibold disco-text-white disco-shadow-sm hover:disco-bg-red-500 sm:disco-ml-3 sm:disco-w-auto"
	72	+ className="disco:inline-flex disco:w-full disco:justify-center disco:rounded-md disco:bg-red-600 disco:px-3 disco:py-2 disco:text-sm disco:font-semibold disco:text-white disco:shadow-sm disco:hover:bg-red-500 disco:sm:ml-3 disco:sm:w-auto"
73	73	onClick={() => {
74	74	onRemove && onRemove();
75	75	setOpen(false);
76	76	}}
		@@ -78,9 +78,9 @@
78	78	{confirmLabel}
79	79	</button>
80	80	<button
81	81	type="button"
82		- className="disco-mt-3 disco-inline-flex disco-w-full disco-justify-center disco-rounded-md disco-bg-white disco-px-3 disco-py-2 disco-text-sm disco-font-semibold disco-text-gray-900 disco-shadow-sm disco-ring-1 disco-ring-inset disco-ring-gray-300 hover:disco-bg-gray-50 sm:disco-mt-0 sm:disco-w-auto"
	82	+ className="disco:mt-3 disco:inline-flex disco:w-full disco:justify-center disco:rounded-md disco:bg-white disco:px-3 disco:py-2 disco:text-sm disco:font-semibold disco:text-gray-900 disco:shadow-sm disco:ring-1 disco:ring-inset disco:ring-gray-300 disco:hover:bg-gray-50 disco:sm:mt-0 disco:sm:w-auto"
83	83	onClick={() => setOpen(false)}
84	84	>
85	85	{__('Cancel', 'disco')}
86	86	</button>