import { useEffect } from '@wordpress/element';
import addBlockEditorDynamicStyles from '@Controls/addBlockEditorDynamicStyles';
import { useDeviceType } from '@Controls/getPreviewType';
const AddStaticStyles = ( ChildComponent )=> {
const WrapWithStyle = ( props ) => {
useEffect( () => {
addBlockEditorDynamicStyles();
}, [] );
return
}
return WrapWithStyle;
}
export default AddStaticStyles;
import { setCustomizerPreview } from '@Utils/customizer-preview-device';
import { dispatch } from '@wordpress/data';
/**
* Sets the preview device type for the Gutenberg editor.
*
* @param {string} device - The value representing the device type.
*/
const setDeviceType = ( device ) => {
const setPreviewDeviceType = dispatch( 'core/edit-site' )?.__experimentalSetPreviewDeviceType || dispatch( 'core/edit-post' )?.__experimentalSetPreviewDeviceType;
// Verify setPreviewDeviceType is available and setPreviewDeviceType should be function.
if( ! setPreviewDeviceType || typeof setPreviewDeviceType !== 'function' ){
return;
}
setPreviewDeviceType( device );
// This code sets the device type in the customizer preview. It's particularly useful when not using a Full Site Editing (FSE) theme.
setCustomizerPreview( device );
};
// Export the function.
export default setDeviceType;
Travellyfe Guide – Discover the world through Travel Lyfe Guide – your ultimate resource for travel tips, destination guides, and inspiration. Explore breathtaking landscapes, indulge in local cuisine, and embark on unforgettable adventures with our expert recommendations. Start planning your next adventure today!
