PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/
Notice: ob_end_clean(): Failed to delete buffer. No buffer to delete in /home/telusvwg/public_html/da754d/index.php on line 8
$#$#$#

Dir : /var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/
Server: Linux premium279.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64
IP: 66.29.132.192
Choose File :

Url:
Dir : //var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/screen-icon.js

import { useState} from '@wordpress/element';
import { dispatch } from '@wordpress/data';

export const RenderScreenIcons = (props) =>{
	
	const { deviceType } = props;
	const [activeMode, setActiveMode] = useState(deviceType || 'desktop');
	const [visibleMode, setVisibleMode] = useState(false);
	
	const modes = {
		desktop: 'Desktop',
		tablet: 'Tablet',
		mobile: 'Mobile'
	};
		
	const handleModeChange = (mode) => {
		if ( null !== dispatch( 'core/edit-post' ) ) {
			const { __experimentalSetPreviewDeviceType: setPreviewDeviceType } = dispatch( 'core/edit-post' );
			setPreviewDeviceType(modes[mode]);
		}
		setActiveMode(mode);
		setVisibleMode( !visibleMode );
	};
	
	return (
		<>
			<div className="pagelayer-elp-screen">
				{Object.keys(modes).map((mode) => (
					<i
					key={mode}
					className={`pli pli-${mode} ${visibleMode ? 'open' : ''}`}
					onClick={() => handleModeChange(mode)}
					></i>
				))}
				<i className={`pagelayer-prop-screen pli pli-${activeMode}`} onClick={() => setVisibleMode( !visibleMode ) } ></i>
			</div>
		</>
	);	
}