File manager - Edit - /home/verseaumee/maze/wp-content/plugins/reddit-for-woocommerce/js/src/hooks/useLayout.js
Back
/** * External dependencies */ import { useEffect } from '@wordpress/element'; // rfw-* styles are defined in ~/css/shared/_woocommerce-admin.scss const classNameDict = { 'full-page': [ 'woocommerce-admin-full-screen', 'is-wp-toolbar-disabled', 'rfw-full-page', ], 'full-content': [ 'rfw-full-content' ], }; /** * A hook to attach specified layout styles onto topper DOM nodes when mounting, * and unattach when unmounting. * * @param {'full-page'|'full-content'} layoutName Indicates which layout to be applied. * - full-page: Display full page layout by hiding top bar, left sidebar and header. * - full-content: Display full content layout by hiding header and StoreAlerts. */ export default function useLayout( layoutName ) { useEffect( () => { if ( ! classNameDict.hasOwnProperty( layoutName ) ) { return; } const bodyClassList = document.body.classList; /** * Here filter potentially already applied classes out * to avoid them being removed in the cleanup function. */ const classNames = classNameDict[ layoutName ].filter( ( name ) => ! bodyClassList.contains( name ) ); bodyClassList.add( ...classNames ); return () => { bodyClassList.remove( ...classNames ); }; }, [ layoutName ] ); }
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings