feat: ActionInfo component #642
Conversation
OnlyJousting
commented
Jan 27, 2025
•
OnlyJousting
commented
- Added ActionInfo component
- Need to integrate into theme/storybook
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
|
||
| const { Spacing } = SizesAndSpaces | ||
|
|
||
| type ComponentSize = 'S' | 'M' | 'L' |
There was a problem hiding this comment.
| type ComponentSize = 'S' | 'M' | 'L' | |
| type ComponentSize = 'small' | 'medium' | 'large' |
| {shortenTokenAddress(address)} | ||
| </Typography> | ||
| <IconButton size="small" onClick={copyValue} sx={{ svg: { color: Button.Primary.Default.Fill } }}> | ||
| <Icon name="Copy" size={24} /> |
There was a problem hiding this comment.
Check out SizesAndSpaces.IconSize
There was a problem hiding this comment.
it returns values in 'rem' and the Icon component requires number 🤔
| size?: ComponentSize | ||
| } | ||
|
|
||
| const labelSize: Record<ComponentSize, 'bodyXsRegular' | 'bodyMRegular'> = { |
There was a problem hiding this comment.
Could just use TypographyVariantKey in the future if you ever want to keep your options open, but this works regardless.
| import Link from '@mui/material/Link' | ||
| import { Duration } from '../../themes/design/0_primitives' | ||
| import { shortenTokenAddress } from 'ui/src/utils/' | ||
| import { t } from 'i18next' |
There was a problem hiding this comment.
Wait what's this, aren't we using import { t } from '@lingui/macro'?
| import Icon from 'ui/src/Icon' | ||
| import Typography from '@mui/material/Typography' | ||
| import Link from '@mui/material/Link' | ||
| import { Duration } from '../../themes/design/0_primitives' |
There was a problem hiding this comment.
Can use @ui-kit if you want to instead of relative files.
| import Typography from '@mui/material/Typography' | ||
| import Link from '@mui/material/Link' | ||
| import { Duration } from '../../themes/design/0_primitives' | ||
| import { shortenTokenAddress } from 'ui/src/utils/' |
There was a problem hiding this comment.
Oh shit didn't know this existed, now we have a somewhat duplicate implementation with curve-ui-kit\src\utils\address.ts. Should probably consolidate that some time.
