Merge pull request #993 from wincent/button-fix

Fixes #992 - Left-side add icon not showing up on 2.x branch #992
liferay · Jan 24, 2019 · 27bb5b6 · 27bb5b6
2 parents 4ab30b6 + c84867a
commit 27bb5b6
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/toolbars/toolbar-add.jsx b/src/components/toolbars/toolbar-add.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import ButtonIcon from '../buttons/button-icon.jsx';
 import ToolbarButtons from '../base/toolbar-buttons.js';
 import WidgetArrowBox from '../base/widget-arrow-box.js';
 import WidgetDropdown from '../base/widget-dropdown.js';
@@ -114,7 +115,7 @@ class ToolbarAdd extends React.Component{
             if (this.props.selectionData && this.props.selectionData.region) {
                 buttons = (
                     <button aria-label={AlloyEditor.Strings.add} className="ae-button ae-button-add" onClick={this.props.requestExclusive.bind(this, ToolbarAdd.key)} title={AlloyEditor.Strings.add}>
-                        <span className="ae-icon-add"></span>
+                        <ButtonIcon editor={this.props.editor} symbol="plus" />
                     </button>
                 );
             }
@@ -271,4 +272,4 @@ export default WidgetArrowBox(
     WidgetPosition(
     ToolbarButtons(
         ToolbarAdd
-))))));
+))))));