othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix dropdown

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2020-06-24 01:16:39 -03:00
parent 6ce531a6d2
commit 987dae9b2d
1 changed files with 30 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
platform/ui/src/components/Dropdown/Dropdown.jsx
View File

@ -10,7 +10,7 @@ const Dropdown = ({ titleElement, title, list }) => {
const renderTitleElement = () => { const renderTitleElement = () => {
if (titleElement) { if (titleElement) {
return <>{titleElement}</>; return titleElement;
} }
return ( return (
@ -44,29 +44,35 @@ const Dropdown = ({ titleElement, title, list }) => {
} }
)} )}
> >
{list.map((item, idx) => ( {list.map(
<div (
key={item.title} {
className={classnames( title: itemTitle,
'flex px-4 py-2 cursor-pointer items-center transition duration-300 hover:bg-secondary-main', icon: itemIcon,
{ onClick: itemOnClick = () => {},
'border-b border-secondary-main': itemsAmount !== idx + 1, },
} idx
)} ) => (
onClick={() => { <div
setOpen(false); key={itemTitle}
className={classnames(
if (item.onClick) { 'flex px-4 py-2 cursor-pointer items-center transition duration-300 hover:bg-secondary-main',
item.onClick(); {
} 'border-b border-secondary-main': itemsAmount !== idx + 1,
}} }
> )}
{!!item.icon && ( onClick={() => {
<Icon name={item.icon} className="text-white w-4 mr-2" /> setOpen(false);
)} itemOnClick();
<Typography>{item.title}</Typography> }}
</div> >
))} {!!itemIcon && (
<Icon name={itemIcon} className="text-white w-4 mr-2" />
)}
<Typography>{itemTitle}</Typography>
</div>
)
)}
</div> </div>
); );
}; };