Rewrite button to HTM

2factorauth · Nov 12, 2024 · f200f9b · f200f9b
1 parent 793ac32
commit f200f9b
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/components/category.js b/src/components/category.js
@@ -100,20 +100,20 @@ class Button extends Component {
     const {name, category, activeCategory} = props;
     const isActive = activeCategory === name;
 
-    return (
+    return html`
       <button
-        className={`category-btn ${isActive ? 'active':''}`}
-        onClick={this.handleClick}
-        aria-controls={name}
-        id={name}>
+        class=${`category-btn ${isActive ? 'active':''}`}
+        onClick=${this.handleClick}
+        aria-controls=${name}
+        id=${name}>
           <span
             aria-hidden="true"
-            className="category-icon material-symbols-outlined"
-            dangerouslySetInnerHTML={{__html: category.icon}}
-          />
-        <div>{category.title}</div>
+            class="category-icon material-symbols-outlined"
+            dangerouslySetInnerHTML=${{__html: category.icon}}
+          ></span>
+        <div>${category?.title}</div>
       </button>
-    );
+    `;
   }
 }