28 lines
931 B
TypeScript
28 lines
931 B
TypeScript
import styles from './BalanceCard.module.css'
|
||
import topup from '@shared/assets/topup.svg'
|
||
import swap from '@shared/assets/swap.svg'
|
||
import { Link } from 'react-router-dom'
|
||
import { ROUTES } from '@shared/config/routes'
|
||
|
||
export function BalanceCard() {
|
||
return (
|
||
<div className={styles.card}>
|
||
<div className={styles.left}>
|
||
<div className={styles.label}>Общий баланс</div>
|
||
<div className={styles.amount}>$245.00</div>
|
||
<div className={styles.rub}>≈ 22 340,50 ₽</div>
|
||
</div>
|
||
<div className={styles.actions}>
|
||
<Link to={ROUTES.CONVERTER} className={styles.btn} type="button">
|
||
<img src={swap} alt="swap" />
|
||
Пополнить кошелёк
|
||
</Link>
|
||
<Link to={ROUTES.SWAP} className={styles.btn} type="button">
|
||
<img src={topup} alt="topup" />
|
||
Своп / Бридж
|
||
</Link>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|