chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

allow user to change collections filter while one is selected

Browse Source
This commit is contained in:
Chuck Dries 2022-07-26 16:10:00 -07:00
parent fa4992627d
commit e2ef743ade
1 changed files with 1 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/KeywordsPicker.js
View File

@ -8,19 +8,13 @@ const KeywordsPicker = ({ keywords, value, onChange }) => {
<ul className="flex gap-1 flex-wrap mt-1 mb-2"> <ul className="flex gap-1 flex-wrap mt-1 mb-2">
{keywords.map((keyword) => { {keywords.map((keyword) => {
const selected = value === keyword; const selected = value === keyword;
const disabled = value && !selected;
// if (value && !selected) {
// return;
// }
return ( return (
<li key={keyword}> <li key={keyword}>
<button <button
className={classNames( className={classNames(
"py-[5px] px-2 rounded-full text-[#C8C8C8] hover:bg-gray-700 bg-[#1A1A1A] border border-[#494949] ", "py-[5px] px-2 rounded-full text-[#C8C8C8] hover:bg-gray-700 bg-[#1A1A1A] border border-[#494949] ",
selected && "bg-blue-600 hover:bg-blue-800", selected && "bg-blue-600 hover:bg-blue-800"
disabled && "text-[#777777] cursor-default hover:bg-[#1A1A1A]"
)} )}
disabled={disabled}
onClick={() => (selected ? onChange(null) : onChange(keyword))} onClick={() => (selected ? onChange(null) : onChange(keyword))}
type="button" type="button"
> >