disco / backend / views / components / CompatiblePluginList / components / RequestIntegrationCard.jsx

RequestIntegrationCard.jsx in Discount Rules for WooCommerce – Disco | Dynamic Pricing, Conditions, Bulk, Bundle, BOGO 1.4.12, at backend/views/components/CompatiblePluginList/components/RequestIntegrationCard.jsx

33 lines 1.3 KB

Raw Download Zip

1	import { __ } from '@wordpress/i18n';
2
3	export default function RequestIntegrationCard() {
4	const handleClick = () => {
5	window.open(
6	'https://discoplugin.com/my-account/support/',
7	'_blank',
8	'noopener,noreferrer'
9	);
10	};
11
12	return (
13	<div
14	onClick={handleClick}
15	className="disco-group disco-cursor-pointer disco-bg-[#f8fafc] disco-border-2 disco-border-dashed disco-border-[#e2e8f0] disco-rounded-[14px] disco-flex disco-flex-col disco-items-center disco-justify-center disco-gap-3 disco-min-h-[200px] hover:disco-border-primary disco-transition-all disco-duration-300"
16	>
17	<div className="disco-w-11 disco-h-11 disco-rounded-[22px] disco-bg-[#f1f5f9] disco-flex disco-items-center disco-justify-center disco-text-[#1e293b] disco-text-xl disco-font-normal group-hover:disco-bg-primary group-hover:!disco-text-white disco-transition-all disco-duration-300">
18	＋
19	</div>
20	<div className="disco-text-center">
21	<p className="disco-text-[13px] disco-font-bold disco-text-[#334155] disco-leading-none disco-mb-1.5">
22	{__('Request an Integration', 'disco')}
23	</p>
24	<p className="disco-text-[11.5px] disco-font-normal disco-text-[#94a3b8] disco-leading-[16.1px] disco-text-center">
25	{__("Using a plugin that isn't listed?", 'disco')}
26	<br />
27	{__("Tell us and we'll prioritize it.", 'disco')}
28	</p>
29	</div>
30	</div>
31	);
32	}
33