Fix toolbar button state bug (#110)

* Fix toolbar button state bug * bump version
joshfrench · Aug 10, 2022 · a1ed52c · a1ed52c
1 parent b5eb9a4
commit a1ed52c
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.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",

diff --git a/src/components/LinkButton.js b/src/components/LinkButton.js
@@ -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>

diff --git a/src/components/MarkupButton.js b/src/components/MarkupButton.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>

diff --git a/src/components/SectionButton.js b/src/components/SectionButton.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>