Stop using classname-to-style autotransform in react native (#12552)

WordPress · Dec 4, 2018 · 8c4fdd8 · 8c4fdd8
1 parent b8356e6
commit 8c4fdd8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/block-library/src/more/edit.native.js b/packages/block-library/src/more/edit.native.js
@@ -21,11 +21,11 @@ export default function MoreEdit( props ) {
 	const value = customText !== undefined ? customText : defaultText;
 
 	return (
-		<View className={ styles[ 'block-library-more__container' ] }>
-			<View className={ styles[ 'block-library-more__sub-container' ] }>
-				<Text className={ styles[ 'block-library-more__left-marker' ] }>&lt;!--</Text>
+		<View style={ styles[ 'block-library-more__container' ] }>
+			<View style={ styles[ 'block-library-more__sub-container' ] }>
+				<Text style={ styles[ 'block-library-more__left-marker' ] }>&lt;!--</Text>
 				<PlainText
-					className={ styles[ 'block-library-more__plain-text' ] }
+					style={ styles[ 'block-library-more__plain-text' ] }
 					value={ value }
 					multiline={ true }
 					underlineColorAndroid="transparent"
@@ -35,7 +35,7 @@ export default function MoreEdit( props ) {
 					onFocus={ onFocus }
 					onBlur={ onBlur }
 				/>
-				<Text className={ styles[ 'block-library-more__right-marker' ] }>--&gt;</Text>
+				<Text style={ styles[ 'block-library-more__right-marker' ] }>--&gt;</Text>
 			</View>
 		</View> );
 }
diff --git a/packages/block-library/src/nextpage/edit.native.js b/packages/block-library/src/nextpage/edit.native.js
@@ -18,7 +18,7 @@ export default function NextPageEdit( { attributes } ) {
 	const { customText = __( 'Page break' ) } = attributes;
 
 	return (
-		<View className={ styles[ 'block-library-nextpage__container' ] }>
+		<View style={ styles[ 'block-library-nextpage__container' ] }>
 			<Hr text={ customText }
 				textStyle={ styles[ 'block-library-nextpage__text' ] }
 				lineStyle={ styles[ 'block-library-nextpage__line' ] } />