# disco/1.4.21/backend/views/components/Main/pages/Rules/Rules.jsx

Discount Rules for WooCommerce – Disco | Dynamic Pricing, Conditions, Bulk, Bundle, BOGO, version 1.4.21. 25 lines.

- Page: https://pluginprobe.com/plugins/disco/1.4.21/code/backend/views/components/Main/pages/Rules/Rules.jsx
- Raw: https://pluginprobe.com/plugins/disco/1.4.21/raw/backend/views/components/Main/pages/Rules/Rules.jsx
- Modified: 2026-09-11T05:31:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/disco/1.4.21/code/backend/views/components/Main/pages/Rules/Rules.jsx#L10-L20`.

```jsx
import LoadingSpinner from '../../components/LoadingSpinner';
import useCampaignEdit from '../../hooks/useCampaignEdit';
import MainTabs from './Tabs/MainTabs';

const RulesPage = () => {
	const { isLoading } = useCampaignEdit();

	if (isLoading) {
		return (
			<div className="disco:h-96 disco:w-full disco:flex disco:justify-center disco:items-center">
				<LoadingSpinner />
			</div>
		);
	}

	return (
		<div className="disco:mt-2.5 disco:mr-5 disco:ml-0.5 disco:flex disco:gap-4">
			<div className="disco:grow disco:border disco:border-gray-200 disco:bg-gray-100 disco:rounded-lg">
				<MainTabs />
			</div>
		</div>
	);
};
export default RulesPage;

```