mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 01:39:44 +01:00
Make asset page breadcrumb clickable (#8737)
The entire asset page breadcrumb is now clickable. Clicking it will bring the user back to the home page.
This commit is contained in:
parent
731efcb36d
commit
1553f70a65
@ -19,11 +19,11 @@
|
||||
.asset-breadcrumb {
|
||||
font-size: 14px;
|
||||
color: $Black-100;
|
||||
background-color: inherit;
|
||||
|
||||
&__chevron {
|
||||
padding: 0 10px 0 2px;
|
||||
font-size: 16px;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
&__asset {
|
||||
|
@ -3,8 +3,8 @@ import PropTypes from 'prop-types'
|
||||
|
||||
const AssetBreadcrumb = ({ accountName, assetName, onBack }) => {
|
||||
return (
|
||||
<div className="asset-breadcrumb">
|
||||
<button className="fas fa-chevron-left asset-breadcrumb__chevron" data-testid="asset__back" onClick={onBack} />
|
||||
<button className="asset-breadcrumb" onClick={onBack} >
|
||||
<i className="fas fa-chevron-left asset-breadcrumb__chevron" data-testid="asset__back" />
|
||||
<span>
|
||||
{accountName}
|
||||
</span>
|
||||
@ -12,7 +12,7 @@ const AssetBreadcrumb = ({ accountName, assetName, onBack }) => {
|
||||
<span className="asset-breadcrumb__asset">
|
||||
{ assetName }
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
)
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user