martials/old.martials.no
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed checkmarks showing in menu all the time

Browse Source
This commit is contained in:
Martin Berg Alstad 2023-02-23 23:15:20 +01:00
parent 41c64624d9
commit 332a492971
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/truth-table.tsx
View File

@ -341,11 +341,12 @@ interface SingleMenuItem {
const SingleMenuItem: Component<SingleMenuItem> = ({ option, currentValue, onClick }) => { const SingleMenuItem: Component<SingleMenuItem> = ({ option, currentValue, onClick }) => {
const isSelected = () => currentValue()?.value === option.value; const isSelected = () => currentValue()?.value === option.value;
console.log(currentValue()?.value, option.value, isSelected());
return ( return (
<button class={ `hover:underline cursor-pointer last:mb-1 flex-row-center` } <button class={ `hover:underline cursor-pointer last:mb-1 flex-row-center` }
onClick={ onClick }> onClick={ onClick }>
<Icon path={ check } aria-label={ isSelected() ? "A checkmark" : "Nothing" } <Icon path={ check } aria-label={ isSelected() ? "A checkmark" : "Nothing" }
class={ `text-white ${ !isSelected() && "text-transparent" }` } /> class={ `text-white ${ !isSelected() && "invisible" }` } />
{ option.name } { option.name }
</button> </button>
); );