diff --git a/packages/block-editor/src/components/media-placeholder/index.native.js b/packages/block-editor/src/components/media-placeholder/index.native.js index 1bd983c37699a..d7cc126208e92 100644 --- a/packages/block-editor/src/components/media-placeholder/index.native.js +++ b/packages/block-editor/src/components/media-placeholder/index.native.js @@ -6,7 +6,7 @@ import { View, Text, TouchableWithoutFeedback } from 'react-native'; /** * WordPress dependencies */ -import { __ } from '@wordpress/i18n'; +import { __, sprintf } from '@wordpress/i18n'; import { Dashicon } from '@wordpress/components'; /** @@ -16,7 +16,12 @@ import styles from './styles.scss'; function MediaPlaceholder( props ) { return ( - + diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js index af26201f1d35d..9ec571f55b56e 100644 --- a/packages/block-library/src/image/edit.native.js +++ b/packages/block-library/src/image/edit.native.js @@ -31,7 +31,7 @@ import { BottomSheet, Picker, } from '@wordpress/block-editor'; -import { __ } from '@wordpress/i18n'; +import { __, sprintf } from '@wordpress/i18n'; import { isURL } from '@wordpress/url'; import { doAction, hasAction } from '@wordpress/hooks'; @@ -328,7 +328,14 @@ class ImageEdit extends React.Component { const progress = this.state.progress * 100; return ( - + { showSpinner && } diff --git a/packages/block-library/src/nextpage/edit.native.js b/packages/block-library/src/nextpage/edit.native.js index 1988d3500cb5d..7edf59bc2cb12 100644 --- a/packages/block-library/src/nextpage/edit.native.js +++ b/packages/block-library/src/nextpage/edit.native.js @@ -7,26 +7,27 @@ import Hr from 'react-native-hr'; /** * WordPress dependencies */ -import { __ } from '@wordpress/i18n'; +import { __, sprintf } from '@wordpress/i18n'; /** * Internal dependencies */ import styles from './editor.scss'; -export default function NextPageEdit( { attributes } ) { +export default function NextPageEdit( { attributes, isSelected, onFocus } ) { const { customText = __( 'Page break' ) } = attributes; - // Setting the font here to keep the CSS linter happy, it was demanding a syntax - // that React Native wasn't able to handle (adding a fallback generic font family). - const textStyle = { - ...styles[ 'block-library-nextpage__text' ], - fontFamily: 'System', - }; + const accessibilityTitle = attributes.customText || ''; + const accessibilityState = isSelected ? [ 'selected' ] : []; return ( - +
); diff --git a/packages/block-library/src/nextpage/editor.native.scss b/packages/block-library/src/nextpage/editor.native.scss index 869851fdd37c6..ae6f1f3788df3 100644 --- a/packages/block-library/src/nextpage/editor.native.scss +++ b/packages/block-library/src/nextpage/editor.native.scss @@ -7,6 +7,7 @@ .block-library-nextpage__text { color: $gray; + font-family: $default-regular-font; text-decoration-style: solid; text-transform: uppercase; }