0.42.0 • Published 2 months ago
@lidofinance/eth-ui-primitives v0.42.0
@lidofinance/eth-ui-primitives
Ethereum directional package with UI primitives: components, utils.
Installation
- React 17 || 18
yarn add @lidofinance/eth-ui-primitives
# and additional
yarn add styled-components@^5.3.5 @reef-knot/web3-react@^0.3.0 @lidofinance/lido-ui@^3.6.1 @lidofinance/ui-primitives@^<TODO>
Getting started
Make sure that your project was wrapped by CookieThemeProvider
from @lidofinance/lido-ui.
Components
FormatToken:
import { constants } from 'ethers'
import { FormatToken } from '@lidofinance/eth-ui-primitives'
// MaxInt256 is BigNumber
const { MaxInt256 } = constants
export const Component: FC = () => {
return (
<FormatToken amount={balance} symbol="ETH"/>
)
}
TokenToWallet:
import { TokenToWallet } from '@lidofinance/eth-ui-primitives'
const stethAddress = '0xae7ab96520de3a18e5e111b5eaab095312d7fe84'
export const Component: FC = () => {
return (
<TokenToWallet address={stethAddress} />
)
}
WalletFallback:
// `useWeb3` and other imports what is out of context here
const EthWalletCard: EthWalletCardComponent = (props) => {
// ...
}
const EthWalletCardWrapper: EthWalletCardComponent = (props) => {
const { active } = useWeb3()
return active ? <EthWalletCard {...props} /> : <WalletFallback {...props} />
}
export default EthWalletCardWrapper
Utils
formatFloorEtherBalance:
import { constants } from 'ethers'
import { formatFloorEtherBalance } from '@lidofinance/eth-ui-primitives'
// MaxInt256 is BigNumber
const { MaxInt256 } = constants
const maxDecimalDigits = 4
const formatedBalance = formatFloorEtherBalance(MaxInt256, maxDecimalDigits)
0.42.0
2 months ago
0.41.0
2 months ago
0.40.0
3 months ago
0.39.1
5 months ago
0.32.0
10 months ago
0.31.0
10 months ago
0.30.0
10 months ago
0.29.0
10 months ago
0.39.0
7 months ago
0.38.0
8 months ago
0.37.1
8 months ago
0.37.0
8 months ago
0.36.0
8 months ago
0.35.0
9 months ago
0.34.0
9 months ago
0.33.0
10 months ago
0.28.0
11 months ago
0.27.0
11 months ago
0.26.0
11 months ago
0.25.0
12 months ago
0.24.0
12 months ago