diff --git a/packages/block-library/src/embed/embed-preview.native.js b/packages/block-library/src/embed/embed-preview.native.js index 0beafe458ccca..a0a677cfcbe2d 100644 --- a/packages/block-library/src/embed/embed-preview.native.js +++ b/packages/block-library/src/embed/embed-preview.native.js @@ -9,11 +9,14 @@ import classnames from 'classnames/dedupe'; * WordPress dependencies */ import { View } from '@wordpress/primitives'; - -import { BlockCaption } from '@wordpress/block-editor'; +import { + BlockCaption, + store as blockEditorStore, +} from '@wordpress/block-editor'; import { __, sprintf } from '@wordpress/i18n'; import { memo, useState } from '@wordpress/element'; import { SandBox } from '@wordpress/components'; +import { useSelect } from '@wordpress/data'; /** * Internal dependencies @@ -38,6 +41,7 @@ const EmbedPreview = ( { url, } ) => { const [ isCaptionSelected, setIsCaptionSelected ] = useState( false ); + const { locale } = useSelect( blockEditorStore ).getSettings(); const wrapperStyle = styles[ 'embed-preview__wrapper' ]; const wrapperAlignStyle = @@ -105,6 +109,7 @@ const EmbedPreview = ( { > { diff --git a/packages/react-native-editor/CHANGELOG.md b/packages/react-native-editor/CHANGELOG.md index 519b20f7c3fef..5cd18f997b58c 100644 --- a/packages/react-native-editor/CHANGELOG.md +++ b/packages/react-native-editor/CHANGELOG.md @@ -12,6 +12,7 @@ For each user feature we should also add a importance categorization label to i ## Unreleased - [**] [Embed block] Implement WP embed preview component [#34004] - [*] [Embed block] Fix content disappearing on Android when switching light/dark mode [#34207] +- [*] Embed block: Add device's locale to preview content [#33858] ## 1.61.0 - [**] Enable embed preview for a list of providers (for now only YouTube and Twitter) [#34446] diff --git a/packages/react-native-editor/src/index.js b/packages/react-native-editor/src/index.js index 3fd18a1674648..a0fbf48215475 100644 --- a/packages/react-native-editor/src/index.js +++ b/packages/react-native-editor/src/index.js @@ -84,6 +84,7 @@ const setupInitHooks = () => { rawStyles, rawFeatures, galleryWithImageBlocks, + locale, } = props; if ( initialData === undefined && __DEV__ ) { @@ -112,6 +113,7 @@ const setupInitHooks = () => { rawStyles, rawFeatures, galleryWithImageBlocks, + locale, }; } );