From ff86d7acde5a4d163177dbd19d131988396d7f40 Mon Sep 17 00:00:00 2001
From: ntsekouras <ntsekouras@outlook.com>
Date: Tue, 25 May 2021 11:07:27 +0300
Subject: [PATCH] extract into hook

---
 .../block-library/src/navigation-link/edit.js | 58 +++++++++----------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
index 8a98cbb06401e7..bf216681385e46 100644
--- a/packages/block-library/src/navigation-link/edit.js
+++ b/packages/block-library/src/navigation-link/edit.js
@@ -209,6 +209,34 @@ export const updateNavigationLinkBlockAttributes = (
 	} );
 };
 
+const useIsInvalidLink = ( kind, type, id ) => {
+	const isPostType = kind === 'post-type' || type === 'post';
+	const hasId = Number.isInteger( id );
+	const postStatus = useSelect(
+		( select ) => {
+			if ( ! isPostType ) {
+				return null;
+			}
+			const { getEntityRecord } = select( coreStore );
+			return getEntityRecord( 'postType', type, id )?.status;
+		},
+		[ isPostType, type, id ]
+	);
+
+	// Check Navigation Link validity if:
+	// 1. Link is 'post-type'.
+	// 2. It has an id.
+	// 3. It's neither null, nor undefined, as valid items might be either of those while loading.
+	// If those conditions are met, check if
+	// 1. The post status is published.
+	// 2. The Navigation Link item has no label.
+	// If either of those is true, invalidate.
+	const isInvalid =
+		isPostType && hasId && postStatus && 'publish' !== postStatus;
+
+	return isInvalid;
+};
+
 export default function NavigationLinkEdit( {
 	attributes,
 	isSelected,
@@ -242,35 +270,7 @@ export default function NavigationLinkEdit( {
 	const isDraggingWithin = useIsDraggingWithin( listItemRef );
 	const itemLabelPlaceholder = __( 'Add link…' );
 	const ref = useRef();
-
-	const isPostType =
-		( kind && 'post-type' === kind ) || ( type && 'post' === type );
-
-	const hasId = id && ! isNaN( id );
-	const postStatus = useSelect(
-		( select ) => {
-			if ( ! isPostType ) {
-				return null;
-			}
-
-			const { getEntityRecord } = select( coreStore );
-			const entityRecord = getEntityRecord( 'postType', type, id );
-
-			return entityRecord?.status;
-		},
-		[ isPostType, type, id ]
-	);
-
-	// Check Navigation Link validity if:
-	// 1. Link is 'post-type'.
-	// 2. It has an id.
-	// 3. It's neither null, nor undefined, as valid items might be either of those while loading.
-	// If those conditions are met, check if
-	// 1. The post status is published.
-	// 2. The Navigation Link item has no label.
-	// If either of those is true, invalidate.
-	const isInvalid =
-		isPostType && hasId && postStatus && 'publish' !== postStatus;
+	const isInvalid = useIsInvalidLink( kind, type, id );
 
 	const {
 		isAtMaxNesting,