Add notice when model name is empty on publish (#124)

Co-authored-by: Luis Felipe Zaguini <luisfelipezaguini@gmail.com>

includes/manager/src/hooks/use-content-model-name-length-restrictor.js

@@ -7,33 +7,62 @@ import { store as noticesStore } from '@wordpress/notices';
 export const useContentModelNameLengthRestrictor = () => {
 	const { editPost, lockPostSaving, unlockPostSaving } =
 		useDispatch( editorStore );
-	const { createNotice } = useDispatch( noticesStore );
+	const { createNotice, removeNotice } = useDispatch( noticesStore );
 
-	const title = useSelect( ( select ) =>
-		select( editorStore ).getEditedPostAttribute( 'title' )
+	const { title, isPublishSidebarOpened, isPublishingPost } = useSelect(
+		( select ) => ( {
+			title: select( editorStore ).getEditedPostAttribute( 'title' ),
+			isPublishSidebarOpened:
+				select( editorStore ).isPublishSidebarOpened(),
+			isPublishingPost: select( editorStore ).isPublishingPost(),
+		} )
 	);
 
 	useEffect( () => {
 		const trimmedTitle = title?.trim() ?? '';
 
 		if ( trimmedTitle.length === 0 ) {
 			lockPostSaving( 'title-empty-lock' );
-			return;
-		}
+		} else {
+			unlockPostSaving( 'title-empty-lock' );
+			removeNotice( 'title-empty-notice' );
 
-		unlockPostSaving( 'title-empty-lock' );
+			editPost( { title: trimmedTitle.substring( 0, 20 ) } );
 
-		editPost( { title: trimmedTitle.substring( 0, 20 ) } );
+			if ( trimmedTitle.length > 20 ) {
+				createNotice(
+					'warning',
+					__( 'Model name is limited to 20 characters.' ),
+					{
+						id: 'title-length-notice',
+						type: 'snackbar',
+						isDismissible: true,
+					}
+				);
+			}
+		}
 
-		if ( trimmedTitle.length > 20 ) {
+		if (
+			( isPublishSidebarOpened || isPublishingPost ) &&
+			trimmedTitle.length === 0
+		) {
 			createNotice(
 				'warning',
-				__( 'Title is limited to 20 characters.' ),
+				__( 'Please enter a model name in order to publish.' ),
 				{
-					type: 'snackbar',
+					id: 'title-empty-notice',
 					isDismissible: true,
 				}
 			);
 		}
-	}, [ title, lockPostSaving, unlockPostSaving, editPost, createNotice ] );
+	}, [
+		title,
+		isPublishSidebarOpened,
+		isPublishingPost,
+		lockPostSaving,
+		unlockPostSaving,
+		editPost,
+		createNotice,
+		removeNotice,
+	] );
 };