22 lines
815 B
JavaScript
22 lines
815 B
JavaScript
|
import '../styles/Filters.css'
|
||
|
|
|
||
|
|
const Filters = ({nameChecked, handleNameCheckbox, descriptionChecked, handleDescriptionCheckbox, tagsChecked, handleTagsCheckbox, onExit}) => {
|
||
|
|
function abort(e) {
|
||
|
|
if (e.target.className === "filter-overlay") {
|
||
|
|
onExit();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<div className='filter-overlay' onClick={abort}></div>
|
||
|
|
<div className='filter'>
|
||
|
|
<label><input type="checkbox" checked={nameChecked} onChange={handleNameCheckbox} />Name</label>
|
||
|
|
<label><input type="checkbox" checked={descriptionChecked} onChange={handleDescriptionCheckbox} />Title/Description</label>
|
||
|
|
<label><input type="checkbox" checked={tagsChecked} onChange={handleTagsCheckbox} />Tags</label>
|
||
|
|
</div>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Filters
|