Decode entities in social previews

Automattic · Nov 19, 2024 · 5ac4875 · 5ac4875
1 parent 3c01134
commit 5ac4875
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/projects/js-packages/publicize-components/src/components/social-previews/modal.js b/projects/js-packages/publicize-components/src/components/social-previews/modal.js
@@ -5,6 +5,7 @@
  */
 
 import { Button, Modal, TabPanel } from '@wordpress/components';
+import { decodeEntities } from '@wordpress/html-entities';
 import { __ } from '@wordpress/i18n';
 import { close } from '@wordpress/icons';
 import { useAvailableSerivces } from './use-available-services';
@@ -15,6 +16,9 @@ const SocialPreviewsModal = function SocialPreviewsModal( { onClose, initialTabN
 	const availableServices = useAvailableSerivces();
 	const { image, media, title, description, url, excerpt } = usePostData();
 
+	const decodedTitle = decodeEntities( title );
+	const decodedDescription = decodeEntities( description );
+
 	return (
 		<Modal
 			onRequestClose={ onClose }
@@ -37,8 +41,8 @@ const SocialPreviewsModal = function SocialPreviewsModal( { onClose, initialTabN
 						<tab.preview
 							// pass only the props that are common to all previews
 							excerpt={ excerpt }
-							title={ title }
-							description={ description }
+							title={ decodedTitle }
+							description={ decodedDescription }
 							url={ url }
 							image={ image }
 							media={ media }