From c7ae487d7d2618b19de1b35c9094ed1cb6c032cb Mon Sep 17 00:00:00 2001
From: Pinar Olguc <pinarolguc@gmail.com>
Date: Wed, 31 Oct 2018 15:10:41 +0300
Subject: [PATCH 1/3] Add a line into nextpage block using the Hr element

---
 packages/block-library/src/nextpage/edit.native.js     | 5 ++++-
 packages/block-library/src/nextpage/editor.native.scss | 9 +++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/block-library/src/nextpage/edit.native.js b/packages/block-library/src/nextpage/edit.native.js
index e486337e1c47b..616ff2614f1b6 100644
--- a/packages/block-library/src/nextpage/edit.native.js
+++ b/packages/block-library/src/nextpage/edit.native.js
@@ -2,6 +2,7 @@
  * External dependencies
  */
 import { View, Text } from 'react-native';
+import Hr from 'react-native-hr';
 
 /**
  * WordPress dependencies
@@ -18,7 +19,9 @@ export default function NextPageEdit( { attributes } ) {
 
 	return (
 		<View className={ styles[ 'block-library-nextpage__container' ] }>
-			<Text>{ customText }</Text>
+			<Hr text={ customText } 
+			textStyle={styles['block-library-nextpage__text']} 
+			lineStyle={styles['block-library-nextpage__line']}/>
 		</View>
 	);
 }
diff --git a/packages/block-library/src/nextpage/editor.native.scss b/packages/block-library/src/nextpage/editor.native.scss
index 7101c63e82962..d669dcb6c2c1b 100644
--- a/packages/block-library/src/nextpage/editor.native.scss
+++ b/packages/block-library/src/nextpage/editor.native.scss
@@ -4,3 +4,12 @@
 	align-items: center;
 	padding: 4px 4px 4px 4px;
 }
+
+.block-library-nextpage__line {
+	background-color: darkgray;
+	height: 2;
+}
+
+.block-library-nextpage__text {
+	text-decoration-style: solid;
+}

From 3e07b2a8ead192bd5a8dc022de9321ff36ce50dc Mon Sep 17 00:00:00 2001
From: Pinar Olguc <pinarolguc@gmail.com>
Date: Thu, 1 Nov 2018 11:25:57 +0300
Subject: [PATCH 2/3] Fix lint problems

---
 packages/block-library/src/nextpage/edit.native.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/block-library/src/nextpage/edit.native.js b/packages/block-library/src/nextpage/edit.native.js
index 616ff2614f1b6..03cd3bfe3c7d1 100644
--- a/packages/block-library/src/nextpage/edit.native.js
+++ b/packages/block-library/src/nextpage/edit.native.js
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { View, Text } from 'react-native';
+import { View } from 'react-native';
 import Hr from 'react-native-hr';
 
 /**
@@ -19,9 +19,9 @@ export default function NextPageEdit( { attributes } ) {
 
 	return (
 		<View className={ styles[ 'block-library-nextpage__container' ] }>
-			<Hr text={ customText } 
-			textStyle={styles['block-library-nextpage__text']} 
-			lineStyle={styles['block-library-nextpage__line']}/>
+			<Hr text={ customText }
+				textStyle={ styles[ 'block-library-nextpage__text' ] }
+				lineStyle={ styles[ 'block-library-nextpage__line' ] } />
 		</View>
 	);
 }

From 07af0a927ec3e3d50df624edc3e7cee888bafcd3 Mon Sep 17 00:00:00 2001
From: Pinar Olguc <pinarolguc@gmail.com>
Date: Thu, 1 Nov 2018 12:01:55 +0300
Subject: [PATCH 3/3] Fix scss lint issue

---
 packages/block-library/src/nextpage/editor.native.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/block-library/src/nextpage/editor.native.scss b/packages/block-library/src/nextpage/editor.native.scss
index d669dcb6c2c1b..0e75d4a7595c2 100644
--- a/packages/block-library/src/nextpage/editor.native.scss
+++ b/packages/block-library/src/nextpage/editor.native.scss
@@ -6,7 +6,7 @@
 }
 
 .block-library-nextpage__line {
-	background-color: darkgray;
+	background-color: #555d66;
 	height: 2;
 }