feat: похуй 2.0
This commit is contained in:
@@ -13,10 +13,10 @@ export function BalanceCard() {
|
|||||||
<div className={styles.rub}>≈ 22 340,50 ₽</div>
|
<div className={styles.rub}>≈ 22 340,50 ₽</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.actions}>
|
<div className={styles.actions}>
|
||||||
<button className={styles.btn} type="button">
|
<Link to={ROUTES.CONVERTER} className={styles.btn} type="button">
|
||||||
<img src={swap} alt="swap" />
|
<img src={swap} alt="swap" />
|
||||||
Пополнить кошелёк
|
Пополнить кошелёк
|
||||||
</button>
|
</Link>
|
||||||
<Link to={ROUTES.SWAP} className={styles.btn} type="button">
|
<Link to={ROUTES.SWAP} className={styles.btn} type="button">
|
||||||
<img src={topup} alt="topup" />
|
<img src={topup} alt="topup" />
|
||||||
Своп / Бридж
|
Своп / Бридж
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
.wrap {
|
.wrap {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
max-width: 1400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
import { useConverter } from '@widgets/currency-converter'
|
import { useConverter, progressPercent } from '@widgets/currency-converter'
|
||||||
import { USDT_RATE, GAS_PRICE } from '@shared/config/constants'
|
|
||||||
import { useDebounce } from '@shared/lib/hooks/useDebounce'
|
import { useDebounce } from '@shared/lib/hooks/useDebounce'
|
||||||
import { usePaymentConfig, usePaymentQuote, useCreateOrder } from '@features/payment'
|
import { usePaymentConfig, usePaymentQuote, useCreateOrder } from '@features/payment'
|
||||||
import { CommissionPanel } from './CommissionPanel'
|
import { CommissionPanel } from './CommissionPanel'
|
||||||
@@ -9,8 +8,8 @@ import styles from './ConverterSection.module.css'
|
|||||||
export function ConverterSection() {
|
export function ConverterSection() {
|
||||||
const { data: config } = usePaymentConfig()
|
const { data: config } = usePaymentConfig()
|
||||||
|
|
||||||
const usdtRate = config ? Number(config.usdt_exchange_rate) || USDT_RATE : USDT_RATE
|
const usdtRate = Number(config?.usdt_exchange_rate) || 0
|
||||||
const gasPrice = config ? Number(config.gas_fee) || GAS_PRICE : GAS_PRICE
|
const gasPrice = Number(config?.gas_fee) || 0
|
||||||
|
|
||||||
const c = useConverter({ usdtRate })
|
const c = useConverter({ usdtRate })
|
||||||
|
|
||||||
@@ -18,6 +17,7 @@ export function ConverterSection() {
|
|||||||
const { data: quote } = usePaymentQuote(debouncedUsdt)
|
const { data: quote } = usePaymentQuote(debouncedUsdt)
|
||||||
|
|
||||||
const rubTotal = quote?.total_price ?? ''
|
const rubTotal = quote?.total_price ?? ''
|
||||||
|
const rubTotalNum = Number(rubTotal) || 0
|
||||||
|
|
||||||
const { mutate: submitOrder, isPending } = useCreateOrder()
|
const { mutate: submitOrder, isPending } = useCreateOrder()
|
||||||
|
|
||||||
@@ -118,8 +118,8 @@ export function ConverterSection() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<CommissionPanel
|
<CommissionPanel
|
||||||
amount={c.numRub}
|
amount={rubTotalNum}
|
||||||
progress={c.progress}
|
progress={progressPercent(rubTotalNum)}
|
||||||
commission={c.commission}
|
commission={c.commission}
|
||||||
effectiveRate={c.effectiveRate}
|
effectiveRate={c.effectiveRate}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -75,6 +75,9 @@ export function WalletHeader() {
|
|||||||
<Link to={ROUTES.PROFILE} className={styles.dropdownItem} onClick={() => setOpen(false)}>
|
<Link to={ROUTES.PROFILE} className={styles.dropdownItem} onClick={() => setOpen(false)}>
|
||||||
Личный кабинет
|
Личный кабинет
|
||||||
</Link>
|
</Link>
|
||||||
|
<Link to={ROUTES.WALLET} className={styles.dropdownItem} onClick={() => setOpen(false)}>
|
||||||
|
Кошелёк
|
||||||
|
</Link>
|
||||||
<button className={`${styles.dropdownItem} ${styles.danger}`} onClick={handleLogout}>
|
<button className={`${styles.dropdownItem} ${styles.danger}`} onClick={handleLogout}>
|
||||||
Выйти
|
Выйти
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
Reference in New Issue
Block a user