FileMaster

Edit File: social-preview.js

import { __ } from '@wordpress/i18n';
import { Label } from '@bsf/force-ui';
import { default as SocialPreviewComponent } from '@GlobalComponents/social-preview';
import replacement from '@Functions/replacement';
import { decodeHtmlEntities, truncateText } from '@Functions/utils';
import { useSuspenseSelect } from '@wordpress/data';
import { STORE_NAME } from '@AdminStore/constants';
import AnimateChangeInHeight from '@GlobalComponents/animate-change-in-height';

// type definition
/**
 * @typedef {Object} SocialPreviewProps
 * @property {'facebook' | 'twitter'} platform The platform to use for the preview
 */

/**
 * @param {SocialPreviewProps} props
 * @return {JSX.Element} The Social Preview component
 */
const SocialPreview = ( { platform = 'facebook' } ) => {
	const {
		fallback_image: fallbackImage,
		page_title: title,
		page_description: description,
		site,
		home_page_featured_image,
		home_page_facebook_image_url,
		home_page_twitter_image_url,
		twitter_card_type: twitterPreviewType,
	} = useSuspenseSelect( ( select ) => {
		const selectStore = select( STORE_NAME );
		return {
			...selectStore.getSiteSettings(),
			...selectStore.getMetaSettings(),
		};
	}, [] );
	const { site_url: siteURL } = site;
	const imageURL =
		platform === 'facebook'
			? home_page_facebook_image_url
			: home_page_twitter_image_url;

const titleContent = truncateText( replacement( title, site ) || '', 60 );
	const descriptionContent = truncateText(
		replacement( description, site ) || '',
		117
	);

export default SocialPreview;

Back