46 lines
1.1 KiB
JavaScript
46 lines
1.1 KiB
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { createRoot } from '@wordpress/element';
|
|
import { createSlotFill, SlotFillProvider } from '@wordpress/components';
|
|
import { PluginArea } from '@wordpress/plugins';
|
|
|
|
export const SETTINGS_SLOT_FILL_CONSTANT =
|
|
'__EXPERIMENTAL__WcAdminSettingsSlots';
|
|
|
|
const { Slot } = createSlotFill( SETTINGS_SLOT_FILL_CONSTANT );
|
|
|
|
export const possiblyRenderSettingsSlots = () => {
|
|
const slots = [
|
|
{
|
|
id: 'wc_payments_settings_slotfill',
|
|
scope: 'woocommerce-payments-settings',
|
|
},
|
|
{ id: 'wc_tax_settings_slotfill', scope: 'woocommerce-tax-settings' },
|
|
{ id: 'wc_settings_slotfill', scope: 'woocommerce-settings' },
|
|
{
|
|
id: 'wc_settings_site_visibility_slotfill',
|
|
scope: 'woocommerce-site-visibility-settings',
|
|
},
|
|
{
|
|
id: 'wc_settings_blueprint_slotfill',
|
|
scope: 'woocommerce-blueprint-settings',
|
|
},
|
|
];
|
|
|
|
slots.forEach( ( slot ) => {
|
|
const slotDomElement = document.getElementById( slot.id );
|
|
|
|
if ( slotDomElement ) {
|
|
createRoot( slotDomElement ).render(
|
|
<>
|
|
<SlotFillProvider>
|
|
<Slot />
|
|
<PluginArea scope={ slot.scope } />
|
|
</SlotFillProvider>
|
|
</>
|
|
);
|
|
}
|
|
} );
|
|
};
|