From 88c793c78cc7d17a56807c89dae73ef13757a847 Mon Sep 17 00:00:00 2001
From: Andrea Fercia <a.fercia@gmail.com>
Date: Sun, 13 Jan 2019 12:35:35 +0100
Subject: [PATCH] Add tooltip to the block list appender.

---
 .../src/components/block-list-appender/index.js       | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/editor/src/components/block-list-appender/index.js b/packages/editor/src/components/block-list-appender/index.js
index 3f0bb11a226523..b306c2945654fe 100644
--- a/packages/editor/src/components/block-list-appender/index.js
+++ b/packages/editor/src/components/block-list-appender/index.js
@@ -9,7 +9,7 @@ import { last } from 'lodash';
 import { withSelect } from '@wordpress/data';
 import { getDefaultBlockName } from '@wordpress/blocks';
 import { __ } from '@wordpress/i18n';
-import { Button, Dashicon } from '@wordpress/components';
+import { IconButton } from '@wordpress/components';
 
 /**
  * Internal dependencies
@@ -44,16 +44,15 @@ function BlockListAppender( {
 			<Inserter
 				rootClientId={ rootClientId }
 				renderToggle={ ( { onToggle, disabled, isOpen } ) => (
-					<Button
-						aria-label={ __( 'Add block' ) }
+					<IconButton
+						label={ __( 'Add block' ) }
+						icon="insert"
 						onClick={ onToggle }
 						className="block-list-appender__toggle"
 						aria-haspopup="true"
 						aria-expanded={ isOpen }
 						disabled={ disabled }
-					>
-						<Dashicon icon="insert" />
-					</Button>
+					/>
 				) }
 			/>
 		</div>