Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-07-28 12:36:35 +00:00
Code Issues Projects Releases Wiki Activity

Make icon hidden state a bit more explicit

Browse source
This commit is contained in:
Jordan Eldredge 2019-12-06 21:19:28 -08:00
parent abc1495d9b
commit 7ed05cddd0
1 changed files with 17 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

32
demo/js/WebampIcon.tsx
View file

@ -35,22 +35,24 @@ const WebampIcon = (props: Props) => {
document.addEventListener("click", handleClick);
return () => document.removeEventListener("click", handleClick);
}, [selected]);
if (hidden) {
return null;
}
return (
!hidden && (
<div
ref={ref}
onDoubleClick={() => {
props.webamp.reopen();
setHidden(true);
setSelected(false);
}}
onClick={() => setSelected(true)}
className={selected ? "selected" : ""}
>
<img src={icon} style={{ width: 48, height: 48 }} />
<div className="webamp-icon-title">Webamp</div>
</div>
)
<div
ref={ref}
onDoubleClick={() => {
props.webamp.reopen();
setHidden(true);
setSelected(false);
}}
onClick={() => setSelected(true)}
className={selected ? "selected" : ""}
>
<img src={icon} style={{ width: 48, height: 48 }} />
<div className="webamp-icon-title">Webamp</div>
</div>
);
};