button now filters and updates class

This commit is contained in:
philip-ellis-sp
2023-05-26 12:53:57 -05:00
parent df94a5f75b
commit abd5ffb3c8
10 changed files with 180 additions and 30 deletions

View 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>
}