1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-24 11:01:41 +01:00
metamask-extension/ui/app/pages/asset/components/asset-breadcrumb.js
Mark Stacey 1553f70a65
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.
2020-06-04 12:51:44 -03:00

26 lines
657 B
JavaScript

import React from 'react'
import PropTypes from 'prop-types'
const AssetBreadcrumb = ({ accountName, assetName, onBack }) => {
return (
<button className="asset-breadcrumb" onClick={onBack} >
<i className="fas fa-chevron-left asset-breadcrumb__chevron" data-testid="asset__back" />
<span>
{accountName}
</span>
&nbsp;/&nbsp;
<span className="asset-breadcrumb__asset">
{ assetName }
</span>
</button>
)
}
AssetBreadcrumb.propTypes = {
accountName: PropTypes.string.isRequired,
assetName: PropTypes.string.isRequired,
onBack: PropTypes.func.isRequired,
}
export default AssetBreadcrumb