fix: исправлена система платежей и улучшен UX карточек токенов

- справлена ошибка 422 при создании инвойса (возврат к целочисленным значениям)
- Сделана вся карточка оффера кликабельной для улучшения UX
- обавлено предотвращение двойного срабатывания при клике на кнопку
This commit is contained in:
kazachilo 2025-03-27 15:34:41 +03:00
parent 377410f7ee
commit c1d4a2862b
2 changed files with 7 additions and 5 deletions

View File

@ -25,6 +25,8 @@ const TokenPackCard: React.FC<TokenPackCardProps> = ({
return (
<div
className={`${styles.card} ${isPopular ? styles.popular : ''} ${isBestValue ? styles.bestValue : ''} ${className}`}
onClick={onBuy} // Добавляем обработчик клика на всю карточку
style={{ cursor: 'pointer' }} // Добавляем стиль курсора, чтобы показать, что карточка кликабельна
>
{isPopular && (
<div className={`${styles.badge} ${styles.popularBadge}`}>
@ -63,7 +65,10 @@ const TokenPackCard: React.FC<TokenPackCardProps> = ({
</div>
<button
className={styles.buyButton}
onClick={onBuy}
onClick={(e) => {
e.stopPropagation(); // Предотвращаем всплытие события
onBuy();
}}
>
КУПИТЬ
</button>

View File

@ -78,10 +78,7 @@ const apiService = {
// Метод для создания ссылки на инвойс
async createInvoiceLink(userId: number, starsAmount: number, tokens: number): Promise<string> {
try {
// Делим сумму Stars на 100, чтобы получить правильную сумму
const adjustedStarsAmount = starsAmount / 100;
const response = await fetch(`${API_BASE_URL}/create-invoice-link?user_id=${userId}&stars_amount=${adjustedStarsAmount}&tokens=${tokens}`, {
const response = await fetch(`${API_BASE_URL}/create-invoice-link?user_id=${userId}&stars_amount=${starsAmount}&tokens=${tokens}`, {
method: 'POST',
headers: {
'accept': 'application/json',