← All changes
|
backend/views/components/Main/pages/Settings/Settings.jsx
+17
-17
1.4.13
→
1.4.21
View file →
| @@ -72,9 +72,9 @@ | ||
| 72 | 72 | }; |
| 73 | 73 | |
| 74 | 74 | if (isLoading) { |
| 75 | 75 | return ( |
| 76 | - <div className="disco-h-96 disco-w-full disco-flex disco-justify-center disco-items-center"> | |
| 76 | + <div className="disco:h-96 disco:w-full disco:flex disco:justify-center disco:items-center"> | |
| 77 | 77 | <LoadingSpinner /> |
| 78 | 78 | </div> |
| 79 | 79 | ); |
| 80 | 80 | } |
| @@ -79,17 +79,17 @@ | ||
| 79 | 79 | ); |
| 80 | 80 | } |
| 81 | 81 | |
| 82 | 82 | return ( |
| 83 | - <div className="disco-mt-2.5 disco-mr-4 disco-ml-0.5 disco-flex disco-gap-4"> | |
| 84 | - <div className="disco-flex-grow disco-border disco-bg-gray-50 disco-white disco-rounded-xl disco-p-5"> | |
| 85 | - <div className="disco-border disco-border-t-0 disco-border-x-0 disco-border-b-white disco-mb-3"> | |
| 83 | + <div className="disco:mt-2.5 disco:mr-4 disco:ml-0.5 disco:flex disco:gap-4"> | |
| 84 | + <div className="disco:grow disco:border disco:bg-gray-50 disco:white disco:rounded-xl disco:p-5"> | |
| 85 | + <div className="disco:border disco:border-t-0 disco:border-x-0 disco:border-b-white disco:mb-3"> | |
| 86 | 86 | <ComponentContainer |
| 87 | 87 | heading={__('Settings', 'disco')} |
| 88 | - className="!disco-mt-0" | |
| 88 | + className="disco:mt-0!" | |
| 89 | 89 | /> |
| 90 | 90 | </div> |
| 91 | - <div className="disco-bg-white disco-p-4 disco-border disco-border-white disco-rounded-xl"> | |
| 91 | + <div className="disco:bg-white disco:p-4 disco:border disco:border-white disco:rounded-xl"> | |
| 92 | 92 | <SettingsTitle |
| 93 | 93 | title={__('Product Price Type', 'disco')} |
| 94 | 94 | subtitle={__( |
| 95 | 95 | 'Choose product price type by which discount will be calculate.', |
| @@ -94,9 +94,9 @@ | ||
| 94 | 94 | subtitle={__( |
| 95 | 95 | 'Choose product price type by which discount will be calculate.', |
| 96 | 96 | 'disco' |
| 97 | 97 | )} |
| 98 | - className="disco-mb-2" | |
| 98 | + className="disco:mb-2" | |
| 99 | 99 | url="https://discoplugin.com/docs/product-price-type/" |
| 100 | 100 | > |
| 101 | 101 | <SingleSelectRadio |
| 102 | 102 | options={items.product_price_type} |
| @@ -112,9 +112,9 @@ | ||
| 112 | 112 | subtitle={__( |
| 113 | 113 | "Choose discount's amount to define the maximum and minimum discounts.", |
| 114 | 114 | 'disco' |
| 115 | 115 | )} |
| 116 | - className="disco-mb-2" | |
| 116 | + className="disco:mb-2" | |
| 117 | 117 | url="https://discoplugin.com/docs/minimum-maximum-discount-amount/" |
| 118 | 118 | > |
| 119 | 119 | <SingleSelectRadio |
| 120 | 120 | options={items.min_max_discount_amount} |
| @@ -132,14 +132,14 @@ | ||
| 132 | 132 | subtitle={__( |
| 133 | 133 | 'Decide how WooCommerce coupons and Disco campaigns should work together.', |
| 134 | 134 | 'disco' |
| 135 | 135 | )} |
| 136 | - className="disco-mb-2" | |
| 136 | + className="disco:mb-2" | |
| 137 | 137 | url="https://discoplugin.com/docs/coupons-campaigns-behavior/" |
| 138 | 138 | > |
| 139 | 139 | <SingleSelect |
| 140 | - className="disco-bg-white disco-test-select-class" | |
| 141 | - buttonClass="disco-min-w-[320px]" | |
| 140 | + className="disco:bg-white disco-test-select-class" | |
| 141 | + buttonClass="disco:min-w-[320px]" | |
| 142 | 142 | placeholder={__('Select Value', 'disco')} |
| 143 | 143 | items={items?.discount_priority_type} |
| 144 | 144 | selected={settings?.discount_priority_type ?? ''} |
| 145 | 145 | onchange={(e) => { |
| @@ -155,14 +155,14 @@ | ||
| 155 | 155 | subtitle={__( |
| 156 | 156 | 'Decide how WooCommerce on sale badge shows for any discount rules.', |
| 157 | 157 | 'disco' |
| 158 | 158 | )} |
| 159 | - className="disco-mb-2" | |
| 159 | + className="disco:mb-2" | |
| 160 | 160 | url="https://discoplugin.com/docs/woocommerce-on-sale-badge/" |
| 161 | 161 | > |
| 162 | 162 | <SingleSelect |
| 163 | - className="disco-bg-white disco-test-select-class" | |
| 164 | - buttonClass="disco-min-w-[320px]" | |
| 163 | + className="disco:bg-white disco-test-select-class" | |
| 164 | + buttonClass="disco:min-w-[320px]" | |
| 165 | 165 | placeholder={__('Select Value', 'disco')} |
| 166 | 166 | items={items?.on_sale_badge} |
| 167 | 167 | selected={settings?.on_sale_badge ?? ''} |
| 168 | 168 | onchange={(e) => { |
| @@ -175,12 +175,12 @@ | ||
| 175 | 175 | subtitle={__( |
| 176 | 176 | 'Choose where the strike-through price appears across your store.', |
| 177 | 177 | 'disco' |
| 178 | 178 | )} |
| 179 | - className="disco-mb-2 " | |
| 179 | + className="disco:mb-2 " | |
| 180 | 180 | url="https://discoplugin.com/docs/strikeout-price-settings/" |
| 181 | 181 | > |
| 182 | - <div className="disco-flex disco-items-center disco-gap-8"> | |
| 182 | + <div className="disco:flex disco:items-center disco:gap-8"> | |
| 183 | 183 | {Object.keys(items.show_strike_through).map( |
| 184 | 184 | (key) => ( |
| 185 | 185 | <CheckBox |
| 186 | 186 | checked={ |
| @@ -208,9 +208,9 @@ | ||
| 208 | 208 | )} |
| 209 | 209 | </div> |
| 210 | 210 | </SettingsTitle> |
| 211 | 211 | </div> |
| 212 | - <div className="disco-mt-8 disco-flex disco-justify-end disco-gap-4"> | |
| 212 | + <div className="disco:mt-8 disco:flex disco:justify-end disco:gap-4"> | |
| 213 | 213 | <Link to="/"> |
| 214 | 214 | <Button type="transparent"> |
| 215 | 215 | {__('Back', 'disco')} |
| 216 | 216 | </Button> |