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

add edit button support to transaction-detail-item (#11481)

Browse Source
This commit is contained in:
Brad Decker 2021-07-09 13:08:15 -05:00 committed by GitHub
parent d438439661
commit 36ab817858
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/components/app/transaction-detail-item/index.scss
View File

@ -3,6 +3,20 @@
&__row {
display: flex;
&--action-row {
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 4px;
}
}
&__action-button.button {
@include H7;
width: auto;
padding: 0;
text-transform: uppercase;
}
&__title {

16
ui/components/app/transaction-detail-item/transaction-detail-item.component.js
View File

@ -7,6 +7,7 @@ import {
FONT_WEIGHT,
TYPOGRAPHY,
} from '../../../helpers/constants/design-system';
import Button from '../../ui/button';
export default function TransactionDetailItem({
detailTitle,
@ -14,9 +15,22 @@ export default function TransactionDetailItem({
detailTotal,
subTitle,
subText,
handleActionClick,
actionText,
}) {
return (
<div className="transaction-detail-item">
{actionText && handleActionClick && (
<div className="transaction-detail-item__row transaction-detail-item__row--action-row">
<Button
className="transaction-detail-item__action-button"
onClick={handleActionClick}
type="link"
>
{actionText}
</Button>
</div>
)}
<div className="transaction-detail-item__row">
<Typography
color={COLORS.BLACK}
@ -63,6 +77,8 @@ export default function TransactionDetailItem({
}
TransactionDetailItem.propTypes = {
handleActionClick: PropTypes.func,
actionText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
detailTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
detailText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
detailTotal: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),