fix(FormattingToolbar): fix history buttons

Signed-off-by: irmerk <[email protected]>

package.json

@@ -115,4 +115,4 @@
     "slate-plain-serializer": "^0.7.11",
     "style-loader": "^0.23.1"
   }
-}
+}

src/FormattingToolbar/index.js

@@ -505,7 +505,7 @@ export default class FormatToolbar extends React.Component {
   /**
    * Render a history-toggling toolbar button.
    */
-  renderHistoryButton(type, icon, hi, wi, pa, vBox, action, classInput) {
+  renderHistoryButton(type, label, icon, hi, wi, pa, vBox, classInput) {
     const { editor, editorProps } = this.props;
 
     const style = {
@@ -516,7 +516,7 @@ export default class FormatToolbar extends React.Component {
 
     return (
       <Popup
-        content={tips.capitalizeWord(action)}
+        content={label}
         style={style}
         position='bottom center'
         trigger={
@@ -528,7 +528,7 @@ export default class FormatToolbar extends React.Component {
             padding={pa}
             viewBox={vBox}
             className={classInput}
-            onClick={event => this.onClickHistory(event, action, editor)}>
+            onClick={event => this.onClickHistory(event, type, editor)}>
               {icon(styles.buttonSymbolInactive(editorProps.BUTTON_SYMBOL_INACTIVE))}
           </ ToolbarIcon>
         }
@@ -674,24 +674,24 @@ export default class FormatToolbar extends React.Component {
         {
           this.renderHistoryButton(
             undoIcon.type(),
+            undoIcon.label(),
             undoIcon.icon,
             undoIcon.height(),
             undoIcon.width(),
             undoIcon.padding(),
             undoIcon.vBox(),
-            `Undo (${tips.MOD}+Z)`,
             'toolbar-2x2'
           )
       }
         {
           this.renderHistoryButton(
             redoIcon.type(),
+            undoIcon.label(),
             redoIcon.icon,
             redoIcon.height(),
             redoIcon.width(),
             redoIcon.padding(),
             redoIcon.vBox(),
-            `Redo (${tips.MOD}+Y)`,
             'toolbar-2x3'
           )
       }

src/icons/navigation-left.js

@@ -1,7 +1,11 @@
 import React from 'react';
 
+import * as tips from '../FormattingToolbar/toolbarTooltip';
+
 export const type = () => 'undo';
 
+export const label = () => `Undo (${tips.MOD}+Z)`;
+
 export const height = () => '25px';
 
 export const width = () => '25px';

src/icons/navigation-right.js

@@ -1,7 +1,11 @@
 import React from 'react';
 
+import * as tips from '../FormattingToolbar/toolbarTooltip';
+
 export const type = () => 'redo';
 
+export const label = () => `Redo (${tips.MOD}+Y)`;
+
 export const height = () => '25px';
 
 export const width = () => '25px';