Make non-link ColumnLinks behave as links

master
Thibaut Girka 6 years ago committed by ThibG
parent f4d28ccfa3
commit 0c091475df
  1. 7
      app/javascript/flavours/glitch/features/ui/components/column_link.js

@ -22,8 +22,13 @@ const ColumnLink = ({ icon, text, to, onClick, href, method, badge }) => {
</Link> </Link>
); );
} else { } else {
const handleOnClick = (e) => {
e.preventDefault();
e.stopPropagation();
return onClick(e);
}
return ( return (
<a onClick={onClick} className='column-link' role='button' tabIndex='0' data-method={method}> <a href='#' onClick={onClick && handleOnClick} className='column-link' tabIndex='0'>
<i className={`fa fa-fw fa-${icon} column-link__icon`} /> <i className={`fa fa-fw fa-${icon} column-link__icon`} />
{text} {text}
{badgeElement} {badgeElement}

Loading…
Cancel
Save