Software: Apache. PHP/7.3.33 

uname -a: Linux acloudg.aryanict.com 4.18.0-513.9.1.lve.el8.x86_64 #1 SMP Mon Dec 4 15:01:22 UTC
2023 x86_64 

uid=1095(katebhospital) gid=1098(katebhospital) groups=1098(katebhospital) 

Safe-mode: OFF (not secure)

/var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/   drwxr-xr-x
Free 293.7 GB of 429.69 GB (68.35%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Feedback    Self remove    Logout    

Viewing file:     screen-icon.js (1.08 KB)      -rw-r--r--

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>
		</>
	);	
}