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

Part of #18714 in ui\components\app\custom-spending-cap (#20039)

Browse Source 
* Part of #18714 in ui\components\app\custom-spending-cap

* Update checkbox.test.tsx.snap
This commit is contained in:
Harsh Shukla 2023-07-18 10:33:46 +05:30 committed by GitHub
parent 36be38e979
commit 1277c6225d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/components/app/custom-spending-cap/custom-spending-cap-tooltip.js
View File

@ -4,8 +4,8 @@ import Box from '../../ui/box';
import Tooltip from '../../ui/tooltip'; import Tooltip from '../../ui/tooltip';
import { import {
TextColor, TextColor,
DISPLAY,
TextVariant, TextVariant,
Display,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
import { Icon, IconName, IconSize } from '../../component-library'; import { Icon, IconName, IconSize } from '../../component-library';
@ -15,7 +15,7 @@ export const CustomSpendingCapTooltip = ({
tooltipContentText, tooltipContentText,
tooltipIcon, tooltipIcon,
}) => ( }) => (
<Box display={DISPLAY.INLINE_BLOCK}> <Box display={Display.InlineBlock}>
<Tooltip <Tooltip
interactive interactive
position="top" position="top"

10
ui/components/app/custom-spending-cap/custom-spending-cap.js
View File

@ -12,8 +12,6 @@ import { ButtonLink, Icon, IconName } from '../../component-library';
import { Text } from '../../component-library/text/deprecated'; import { Text } from '../../component-library/text/deprecated';
import { import {
AlignItems, AlignItems,
DISPLAY,
FLEX_DIRECTION,
TextAlign, TextAlign,
TextVariant, TextVariant,
JustifyContent, JustifyContent,
@ -21,6 +19,8 @@ import {
BLOCK_SIZES, BLOCK_SIZES,
BackgroundColor, BackgroundColor,
TextColor, TextColor,
Display,
FlexDirection,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
import { setCustomTokenAmount } from '../../../ducks/app/app'; import { setCustomTokenAmount } from '../../../ducks/app/app';
import { calcTokenAmount } from '../../../../shared/lib/transactions-controller-utils'; import { calcTokenAmount } from '../../../../shared/lib/transactions-controller-utils';
@ -213,15 +213,15 @@ export default function CustomSpendingCap({
paddingTop={2} paddingTop={2}
paddingRight={6} paddingRight={6}
paddingLeft={6} paddingLeft={6}
display={DISPLAY.FLEX} display={Display.Flex}
alignItems={AlignItems.flexStart} alignItems={AlignItems.flexStart}
flexDirection={FLEX_DIRECTION.COLUMN} flexDirection={FlexDirection.Column}
backgroundColor={BackgroundColor.backgroundAlternative} backgroundColor={BackgroundColor.backgroundAlternative}
gap={2} gap={2}
> >
<Box <Box
justifyContent={JustifyContent.center} justifyContent={JustifyContent.center}
display={DISPLAY.BLOCK} display={Display.Block}
className="custom-spending-cap__input" className="custom-spending-cap__input"
> >
<label <label