mirror of
https://github.com/LukeHagar/developer.sailpoint.com.git
synced 2025-12-07 04:19:34 +00:00
button now filters and updates class
This commit is contained in:
18
src/components/blog/BlogSidebar/BlogSidebarButton/index.js
Normal file
18
src/components/blog/BlogSidebar/BlogSidebarButton/index.js
Normal file
@@ -0,0 +1,18 @@
|
||||
import React from 'react';
|
||||
import styles from './styles.module.css';
|
||||
|
||||
|
||||
export default function BlogSidebarButton({
|
||||
filterCallback,
|
||||
text
|
||||
}) {
|
||||
const [isActive, setIsActive] = React.useState(false);
|
||||
const activeClass = isActive ? styles.tagSelected : ''
|
||||
function setFilters(e, f) {
|
||||
console.log(e)
|
||||
filterCallback(f)
|
||||
setIsActive(current => !current);
|
||||
}
|
||||
return <div key={text} onClick={(e) => setFilters(e, text)} className={activeClass + ' ' + styles.tag}>{text}</div>
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user