£Á°èZ¨Ä…–K§‚«“ô4“ÒÙ´dîfUÙÃÅ WKbyʦ•êŽ…È®FÒ¿ÊÎóCozá¬S@6{Í:›œêZÌ:Š•_%:¢¾¾~;‘Ã~芩ÊǍí`ÔÑ©ú뙵'5I¿fš×WO%ø9¾«¾DK|€ùÍD”Ýs]nHÕ¶êםӼ㞪éUWŸÈË%DÒÕ¬ï‘]/Åcx ‰ï2ß]ä6G[]S£Ôϯrs{úëóµmÒï#UQxo·õÞCe]"±/aÙ&Eã4ú9Jé_ÞåëdãöKë)AÞ ¯¹ægƒÛowЍø^d™ý½ßB7áyMä9ÜÖUã !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 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 ( <>
{Object.keys(modes).map((mode) => ( handleModeChange(mode)} > ))} setVisibleMode( !visibleMode ) } >
); }