FM / blocks

/var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/blocks/

/var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/blocks

Name	Size	Mode	Actions
quote/	-	0755	rm
render-group/	-	0755	rm
archive-posts.js	1428	0644	edit dl rm
col.js	1663	0644	edit dl rm
facebook_button.js	1313	0644	edit dl rm
image_slider.js	3752	0644	edit dl rm
posts.js	4784	0644	edit dl rm
post_folio.js	1663	0644	edit dl rm
primary_menu.js	4742	0644	edit dl rm
review_slider.js	1795	0644	edit dl rm
row.js	8645	0644	edit dl rm
sitemap_item.js	2388	0644	edit dl rm
slides.js	1710	0644	edit dl rm
tabs.js	3215	0644	edit dl rm
testimonial_slider.js	1758	0644	edit dl rm
video.js	2438	0644	edit dl rm
video_slider.js	1745	0644	edit dl rm

Edit: /var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/blocks/facebook_button.js (1313B)

import { useEffect, useRef, useState} from '@wordpress/element';

export const RenderFacebookButton = (props) => {
	const { _props, pl_props, tag, data } = props;
	const { attributes } = _props;
	const { id, atts } = data;
	
	const facbookRef = useRef(null)
	const [url, setUrl] = useState(null);
	
	useEffect(() => {
		
		if(atts['link_type'] == 'current') {
			atts['custom-url'] = pagelayer_post_permalink;			
			setUrl(atts['custom-url']);
		}
		
		const timer = setTimeout(() => {
           	pagelayer_fb_apps(jQuery(facbookRef.current));
        }, 300);

return () => {
            clearTimeout(timer);
        };
	}, [ attributes ]);

return (
		<>
			<div className="pagelayer-fb-btn-container" pagelayer-facebook-load="1" ref={facbookRef}>
				<span className='pagelayer-app-details' pagelayer-app-id={atts['fb-app-id'] ? atts['fb-app-id'] : ''} ></span>
				<div id="fb-root"></div>
				<div
					className="fb-like pagelayer-fb-btn-details"
					id="fb-like-btn"
					data-href={ atts['custom-url'] ? atts['custom-url'] : url}
					data-layout={ atts?.layout }
					data-action={ atts?.btn_action }
					data-show-faces={ atts?.peoples_faces }
					data-size={ atts?.btn_size }
					data-share={ atts?.share_btn } 
				></div>
			</div>
		</>
	)
}

cmd: