m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Converting ListItem container from button to div (#10611)

Browse Source 
Fixes MetaMask/metamask-extension#10610
This commit is contained in:
ryanml 2021-03-09 10:53:24 -07:00 committed by GitHub
parent 21868e08e6
commit 083a795a30
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/app/components/ui/list-item/list-item.component.js
View File

@ -17,10 +17,17 @@ export default function ListItem({
const primaryClassName = classnames('list-item', className); const primaryClassName = classnames('list-item', className);
return ( return (
<button <div
className={primaryClassName} className={primaryClassName}
onClick={onClick} onClick={onClick}
data-testid={dataTestId} data-testid={dataTestId}
role="button"
tabIndex={0}
onKeyPress={(event) => {
if (event.key === 'Enter') {
onClick();
}
}}
> >
{icon && <div className="list-item__icon">{icon}</div>} {icon && <div className="list-item__icon">{icon}</div>}
<div className="list-item__heading"> <div className="list-item__heading">
@ -39,7 +46,7 @@ export default function ListItem({
{rightContent && ( {rightContent && (
<div className="list-item__right-content">{rightContent}</div> <div className="list-item__right-content">{rightContent}</div>
)} )}
</button> </div>
); );
} }