62 lines
1.9 KiB
JavaScript
62 lines
1.9 KiB
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import '@wordpress/notices';
|
|
import { render } from '@wordpress/element';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import './stylesheets/_index.scss';
|
|
import { PageLayout, EmbedLayout, PrimaryLayout as NoticeArea } from './layout';
|
|
import Navigation from './navigation';
|
|
import 'wc-api/wp-data-store';
|
|
import { withSettingsHydration } from '@woocommerce/data';
|
|
|
|
// Modify webpack pubilcPath at runtime based on location of WordPress Plugin.
|
|
// eslint-disable-next-line no-undef,camelcase
|
|
__webpack_public_path__ = global.wcAdminAssets.path;
|
|
|
|
const appRoot = document.getElementById( 'root' );
|
|
const navigationRoot = document.getElementById( 'woocommerce-embedded-navigation' );
|
|
const settingsGroup = 'wc_admin';
|
|
|
|
if ( navigationRoot ) {
|
|
const HydratedNavigation = withSettingsHydration( settingsGroup, window.wcSettings )(
|
|
Navigation
|
|
);
|
|
render( <HydratedNavigation />, navigationRoot );
|
|
|
|
// Collapse the WP Menu.
|
|
const adminMenu = document.getElementById( 'adminmenumain' );
|
|
adminMenu.classList.add( 'folded' );
|
|
}
|
|
|
|
if ( appRoot ) {
|
|
const HydratedPageLayout = withSettingsHydration( settingsGroup, window.wcSettings )(
|
|
PageLayout
|
|
);
|
|
render( <HydratedPageLayout />, appRoot );
|
|
} else {
|
|
const embeddedRoot = document.getElementById( 'woocommerce-embedded-root' );
|
|
const HydratedEmbedLayout = withSettingsHydration( settingsGroup, window.wcSettings )(
|
|
EmbedLayout
|
|
);
|
|
// Render the header.
|
|
render( <HydratedEmbedLayout />, embeddedRoot );
|
|
|
|
embeddedRoot.classList.remove( 'is-embed-loading' );
|
|
|
|
// Render notices just above the WP content div.
|
|
const wpBody = document.getElementById( 'wpbody-content' );
|
|
const wrap = wpBody.querySelector( '.wrap.woocommerce' ) || wpBody.querySelector( '[class="wrap"]' );
|
|
const noticeContainer = document.createElement( 'div' );
|
|
|
|
render(
|
|
<div className="woocommerce-layout">
|
|
<NoticeArea />
|
|
</div>,
|
|
wpBody.insertBefore( noticeContainer, wrap )
|
|
);
|
|
}
|