1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +01:00

replacing depricated constants (#19448)

Co-authored-by: George Marshall <george.marshall@consensys.net>
This commit is contained in:
rohit kerkar 2023-06-06 14:21:27 +05:30 committed by GitHub
parent b40b4c6239
commit 15bdb32bb6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -9,9 +9,9 @@ import EditGasFeeButton from '../edit-gas-fee-button/edit-gas-fee-button';
import { Text } from '../../component-library'; import { Text } from '../../component-library';
import { import {
AlignItems, AlignItems,
BLOCK_SIZES, BlockSize,
DISPLAY, Display,
FLEX_DIRECTION, FlexDirection,
FontWeight, FontWeight,
JustifyContent, JustifyContent,
TextAlign, TextAlign,
@ -66,8 +66,8 @@ export default function ApproveContentCard({
> >
{showHeader && ( {showHeader && (
<Box <Box
display={DISPLAY.FLEX} display={Display.Flex}
flexDirection={FLEX_DIRECTION.ROW} flexDirection={FlexDirection.Row}
alignItems={AlignItems.center} alignItems={AlignItems.center}
justifyContent={JustifyContent.flexEnd} justifyContent={JustifyContent.flexEnd}
className="approve-content-card-container__card-header" className="approve-content-card-container__card-header"
@ -88,7 +88,7 @@ export default function ApproveContentCard({
</> </>
)} )}
{showEdit && (!showAdvanceGasFeeOptions || !supportsEIP1559) && ( {showEdit && (!showAdvanceGasFeeOptions || !supportsEIP1559) && (
<Box width={BLOCK_SIZES.ONE_SIXTH}> <Box width={BlockSize.OneSixth}>
<Button type="link" onClick={() => onEditClick()}> <Button type="link" onClick={() => onEditClick()}>
<Text <Text
variant={TextVariant.bodySm} variant={TextVariant.bodySm}
@ -124,14 +124,14 @@ export default function ApproveContentCard({
/> />
) : ( ) : (
<Box <Box
display={DISPLAY.FLEX} display={Display.Flex}
flexDirection={FLEX_DIRECTION.ROW} flexDirection={FlexDirection.Row}
justifyContent={JustifyContent.spaceBetween} justifyContent={JustifyContent.spaceBetween}
> >
{isMultiLayerFeeNetwork ? ( {isMultiLayerFeeNetwork ? (
<Box <Box
display={DISPLAY.FLEX} display={Display.Flex}
flexDirection={FLEX_DIRECTION.COLUMN} flexDirection={FlexDirection.Column}
className="approve-content-card-container__transaction-details-extra-content" className="approve-content-card-container__transaction-details-extra-content"
> >
<TransactionDetailItem <TransactionDetailItem
@ -174,8 +174,8 @@ export default function ApproveContentCard({
</Text> </Text>
</Box> </Box>
<Box <Box
display={DISPLAY.FLEX} display={Display.Flex}
flexDirection={FLEX_DIRECTION.COLUMN} flexDirection={FlexDirection.Column}
alignItems={AlignItems.flexEnd} alignItems={AlignItems.flexEnd}
textAlign={TextAlign.Right} textAlign={TextAlign.Right}
> >
@ -210,7 +210,7 @@ export default function ApproveContentCard({
</Box> </Box>
))} ))}
{renderDataContent && ( {renderDataContent && (
<Box display={DISPLAY.FLEX} flexDirection={FLEX_DIRECTION.COLUMN}> <Box display={Display.Flex} flexDirection={FlexDirection.Column}>
<Box> <Box>
<Text <Text
variant={TextVariant.bodySm} variant={TextVariant.bodySm}