Fix toolbar button state bug (#110)

* Fix toolbar button state bug

* bump version

Author: gpoitch

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mobiledoc-editor",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "description": "A Mobiledoc editor for React apps",
   "repository": "joshfrench/react-mobiledoc-editor",
   "homepage": "https://github.com/joshfrench/react-mobiledoc-editor",

package.json

@@ -26,14 +26,14 @@ const LinkButton = ({
           }
         };
 
-        className = [
+        const currentClassName = [
           className,
           activeMarkupTags.indexOf('a') > -1 && activeClassName,
         ]
           .filter(Boolean)
           .join(' ');
 
-        props = { type, ...props, onClick, className };
+        props = { type, ...props, onClick, className: currentClassName };
         return <button {...props}>{children}</button>;
       }}
     </ReactMobileDocContext.Consumer>

src/components/LinkButton.js

@@ -15,13 +15,13 @@ const MarkupButton = ({
     <ReactMobileDocContext.Consumer>
       {({ editor, activeMarkupTags = [] }) => {
         const onClick = () => editor.toggleMarkup(tag);
-        className = [
+        const currentClassName = [
           className,
           activeMarkupTags.indexOf(tag.toLowerCase()) > -1 && activeClassName,
         ]
           .filter(Boolean)
           .join(' ');
-        props = { type, ...props, onClick, className };
+        props = { type, ...props, onClick, className: currentClassName };
         return <button {...props}>{children}</button>;
       }}
     </ReactMobileDocContext.Consumer>

src/components/MarkupButton.js

@@ -15,13 +15,13 @@ const SectionButton = ({
     <ReactMobileDocContext.Consumer>
       {({ editor, activeSectionTags = [] }) => {
         const onClick = () => editor.toggleSection(tag);
-        className = [
+        const currentClassName = [
           className,
           activeSectionTags.indexOf(tag.toLowerCase()) > -1 && activeClassName,
         ]
           .filter(Boolean)
           .join(' ');
-        props = { type, ...props, onClick, className };
+        props = { type, ...props, onClick, className: currentClassName };
         return <button {...props}>{children}</button>;
       }}
     </ReactMobileDocContext.Consumer>