-
Notifications
You must be signed in to change notification settings - Fork 4.2k
/
edit.native.js
47 lines (43 loc) · 1.32 KB
/
edit.native.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/**
* External dependencies
*/
import { View, Text } from 'react-native';
/**
* WordPress dependencies
*/
import { Icon } from '@wordpress/components';
import { coreBlocks } from '@wordpress/block-library';
import { normalizeIconObject } from '@wordpress/blocks';
import { Component } from '@wordpress/element';
import { __, sprintf } from '@wordpress/i18n';
/**
* Internal dependencies
*/
import styles from './style.scss';
export default class UnsupportedBlockEdit extends Component {
render() {
const { originalName } = this.props.attributes;
const blockType = coreBlocks[ originalName ];
const title = blockType ? blockType.settings.title : __( 'Unsupported' );
const icon = blockType ? normalizeIconObject( blockType.settings.icon ) : 'admin-plugins';
return (
<View style={ styles.unsupportedBlock }
accessible={ true }
accessibilityLabel={
blockType ?
sprintf(
/* translators: accessibility text. %s: unsupported block type. */
__( 'Unsupported block: %s' ),
title
) :
/* translators: accessibility text. */
__( 'Unsupported block' )
}
onAccessibilityTap={ this.props.onFocus }
>
<Icon className="unsupported-icon" icon={ icon && icon.src ? icon.src : icon } />
<Text style={ styles.unsupportedBlockMessage }>{ title }</Text>
</View>
);
}
}