Add labels an modify notice component

Author: madalingorbanescu

package-lock.json

@@ -2,8 +2,14 @@
 	padding: 16px;
 	color: #191e23;
 	background-color: #e7f5f9;
+  
+  margin-bottom: 24px;
 
 	.components-button {
 		height: auto;
 	}
+  
+  p:last-child {
+    margin-bottom: 0;
+  }
 }

packages/block-editor/src/components/notice/editor-styles.scss

@@ -27,10 +27,12 @@ const Notice = ( props ) => {
 		return null;
 	};
 
+	console.log(dismissLabel);
+
 	return (
 		<div className={ 'novablocks-notice' }>
 			{ content }
-			<Button isPrimary onClick={ onClick }>{ dismissLabel }</Button>
+      { dismissLabel !== undefined && <Button isPrimary onClick={ onClick }>{ dismissLabel }</Button> }
 		</div>
 	);
 };

packages/block-editor/src/components/notice/index.js

@@ -18,10 +18,14 @@ registerBlockType( 'novablocks/header-row', {
   category: 'nova-blocks',
   parent: 'novablocks/header',
   attributes: {
-    label: {
+    name: {
       type: 'string',
       default: 'Header Row'
     },
+    label: {
+      type: 'string',
+      default: 'Header Row Navigation'
+    },
     isSticky: {
       type: 'boolean',
       default: false,

packages/block-library/src/blocks/header-row/index.js

@@ -37,7 +37,8 @@ const deprecated = [
         [
           createBlock( 'novablocks/header-row', {
               className: 'site-header__row site-header__row--primary',
-              label: 'primary',
+              name: 'primary',
+              label: 'Primary Navigation',
               isSticky: headerShouldBeSticky
             },
             innerBlocks

packages/block-library/src/blocks/header/deprecated.js

@@ -47,7 +47,7 @@ function novablocks_render_header_block( $attributes, $content ) {
 			$classes[] = 'site-header--is-old';
 		}
 
-		$header_row_markup_start = '<!-- wp:novablocks/header-row {"label":"primary","isPrimary":true,"className":"site-header__row--dprimary"} -->';
+		$header_row_markup_start = '<!-- wp:novablocks/header-row {"name":"primary", label="Primary Navigation" isPrimary":true,"className":"site-header__row--primary"} -->';
 		$header_row_markup_end = '<!-- /wp:novablocks/header-row -->';
 
 		global $novablocks_responsive_navigation_outputted;

packages/block-library/src/blocks/header/init.php

@@ -45,7 +45,6 @@ const HeaderInspectorControls = ( props ) => {
           key={ 'header-position-quick-start' }
           id={ 'novablocks-header-position-quick-start' }
           content={ <p><strong>Quick start:</strong> Set up your header layout using the options below and go to <a href="#">Customizer</a> to change the logo and menu content, or fine-tune styling details. </p> }
-          dismissLabel={ '✔ Ok, I got it!' }
         />
 
         <RadioControl

packages/block-library/src/blocks/header/inspector-controls.js

@@ -9,7 +9,8 @@ const variations = [
     innerBlocks: [
       ['novablocks/header-row', {
         className: 'site-header__row--primary',
-        label: 'primary',
+        name: 'primary',
+        label: 'Primary Navigation',
         isPrimary: true,
       },
         [
@@ -30,7 +31,8 @@ const variations = [
     innerBlocks: [
       ['novablocks/header-row', {
         className: 'site-header__row--primary',
-        label: 'primary',
+        name: 'primary',
+        label: 'Primary Navigation',
         isPrimary: true
       },
         [
@@ -55,7 +57,8 @@ const variations = [
     innerBlocks: [
       ['novablocks/header-row', {
         className: 'site-header__row--logo',
-        label: 'logo',
+        name: 'logo',
+        label: 'Site identity(logo)',
       },
         [
           [ 'novablocks/navigation', {
@@ -71,7 +74,8 @@ const variations = [
       ],
       ['novablocks/header-row', {
         className: 'site-header__row--primary',
-        label: 'primary',
+        name: 'primary',
+        label: 'Primary Navigation',
         isPrimary: true
       },
         [
@@ -91,7 +95,8 @@ const variations = [
     innerBlocks:  [
       ['novablocks/header-row', {
         className: 'site-header__row--secondary',
-        label: 'secondary'
+        name: 'secondary',
+        label: 'Secondary Navigation',
       },
         [
           [ 'novablocks/navigation', {
@@ -106,15 +111,17 @@ const variations = [
       ],
       ['novablocks/header-row', {
         className: 'site-header__row--logo',
-        label: 'logo'
+        name: 'logo',
+        label: 'Site identity(logo)',
       },
         [
           ['novablocks/logo']
         ]
       ],
       ['novablocks/header-row', {
         className: 'site-header__row--primary',
-        label: 'primary',
+        name: 'primary',
+        label: 'Primary Navigation',
         isPrimary: true
       },
         [