disco / backend / views / components / Main / pages / Rules / Tabs / DesignBlock / CartPage / CartPage.jsx

CartPage.jsx in Discount Rules for WooCommerce – Disco | Dynamic Pricing, Conditions, Bulk, Bundle, BOGO 1.4.21, at backend/views/components/Main/pages/Rules/Tabs/DesignBlock/CartPage/CartPage.jsx

50 lines 1.5 KB

Raw Download Zip

1	import { __ } from '@wordpress/i18n';
2	import { useDispatch, useSelector } from 'react-redux';
3	import { updateCartPage } from '../../../../../features/discount/discountSlice';
4	import useIsPro from '../../../../../hooks/useIsPro';
5	import BadgeActions from '../components/BadgeActions';
6	import BadgeComponentContainer from '../components/BadgeComponentContainer';
7	import BadgeTitle from '../components/BadgeTitle';
8	import ProFeatureButton from '../components/ProFeatureButton';
9	import Status from '../components/Status';
10	import CartCard from './components/CartCard';
11
12	const CartPage = () => {
13	const { cart } = useSelector((state) => state.discount.design_blocks);
14	const dispatch = useDispatch();
15	const isPro = useIsPro();
16
17	const tryNowUrl =
18	'https://discoplugin.com/pricing/?utm_source=bulk-table&utm_medium=free-to-pro&utm_campaign=from-display-page&utm_id=1';
19
20	const handleStatus = (status) => {
21	dispatch(updateCartPage({ name: 'enable', value: status }));
22	};
23
24	return (
25	<BadgeComponentContainer>
26	<CartCard />
27	<BadgeTitle
28	title={__('Cart Notice', 'disco')}
29	url="https://discoplugin.com/docs/display-cart-notice/"
30	className="disco:mt-3"
31	/>
32	<BadgeActions>
33	<Status
34	status={cart?.enable \|\| false}
35	handleStatus={handleStatus}
36	disabled={!isPro}
37	dataTestid="cart-notice-status"
38	/>
39	<ProFeatureButton
40	tryNowUrl={tryNowUrl}
41	componentToEdit="CartPageEdit"
42	testId="cart-notice"
43	/>
44	</BadgeActions>
45	</BadgeComponentContainer>
46	);
47	};
48
49	export default CartPage;
50