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

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

- Page: https://pluginprobe.com/plugins/disco/1.4.7/code/backend/views/components/Main/pages/Rules/Rules.jsx
- Raw: https://pluginprobe.com/plugins/disco/1.4.7/raw/backend/views/components/Main/pages/Rules/Rules.jsx
- Modified: 2026-04-20T04:33:48+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.7/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-flex-grow disco-border disco-border-gray-200 disco-bg-gray-100 disco-rounded-lg">
				<MainTabs />
			</div>
		</div>
	);
};
export default RulesPage;

```