1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/app/confirm-title/confirm-title.js
George Marshall bf61322ee1
Update Text import paths: /app (#20083)
* Updating import paths

* Updating snapshots

* Fixing lint issues

* Updating snapshots
2023-07-19 15:32:35 -07:00

69 lines
1.7 KiB
JavaScript

import React from 'react';
import PropTypes from 'prop-types';
import { TransactionType } from '../../../../shared/constants/transaction';
import { PRIMARY } from '../../../helpers/constants/common';
import { Text } from '../../component-library';
import {
FONT_WEIGHT,
TextVariant,
} from '../../../helpers/constants/design-system';
import UserPreferencedCurrencyDisplay from '../user-preferenced-currency-display';
const ConfirmTitle = ({ title, hexTransactionAmount, txData }) => {
const isContractInteraction =
txData.type === TransactionType.contractInteraction;
const hideTitle =
(isContractInteraction || txData.type === TransactionType.deployContract) &&
txData.txParams?.value === '0x0';
if (hideTitle) {
return null;
}
if (title) {
return (
<Text
as={title && title.length < 10 ? 'h1' : 'h3'}
ellipsis
title={title}
variant={
title && title.length < 10
? TextVariant.displayMd
: TextVariant.headingMd
}
fontWeight={FONT_WEIGHT.NORMAL}
>
{title}
</Text>
);
}
return (
<Text
as="h3"
ellipsis
fontWeight={FONT_WEIGHT.NORMAL}
variant={TextVariant.headingMd}
>
<UserPreferencedCurrencyDisplay
ethLogoHeight={24}
hideLabel={!isContractInteraction}
showCurrencySuffix={isContractInteraction}
showEthLogo
type={PRIMARY}
value={hexTransactionAmount}
/>
</Text>
);
};
ConfirmTitle.propTypes = {
txData: PropTypes.object.isRequired,
title: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
hexTransactionAmount: PropTypes.string,
};
export default ConfirmTitle;