Switched active Bingo items to accent color
This commit is contained in:
parent
75d6ceacb0
commit
ddb7f41fd0
@ -9,6 +9,6 @@ export default function BingoItem({text}: Props){
|
|||||||
const [clicked, setClicked] = React.useState(false);
|
const [clicked, setClicked] = React.useState(false);
|
||||||
|
|
||||||
return(
|
return(
|
||||||
<td><a className={clsx("btn btn-xs sm:btn-sm md:btn-md btn-ghost w-full", {"bg-primary-focus":clicked})} onClick={() => setClicked(!clicked)}>{text}</a></td>
|
<td><a className={clsx("btn btn-xs sm:btn-sm md:btn-md w-full", {"btn-ghost":(!clicked)}, {"btn-accent":clicked})} onClick={() => setClicked(!clicked)}>{text}</a></td>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user