feat: gift subscription redesign — code-only purchase + 3-tab UI

- Remove recipient input from buy flow (code-only gifts)
- 3-tab UI: Buy, Activate, My Gifts with animations
- After purchase, switch to My Gifts tab to show gift code
- Gift code display with copy/share buttons
- Activate tab: enter gift code to activate subscription
- My Gifts tab: sent/received gifts with status badges
- Fix: use navigator.language instead of hardcoded ru-RU for dates
- Fix: spread array before sort to prevent React Query cache mutation
- Fix: ARIA tab linkage with proper id/aria-labelledby
- Fix: guard VITE_BOT_USERNAME against undefined in share URLs
- Fix: wrap clipboard/share fallbacks in try/catch
- Add error state to MyGiftsTabContent
This commit is contained in:
Fringg
2026-03-10 05:37:18 +03:00
parent d946c83357
commit af3e535c69
4 changed files with 1018 additions and 560 deletions

View File

@@ -4763,6 +4763,41 @@
},
"warning": {
"telegram_unresolvable": "Не удалось проверить этот Telegram-юзернейм. Получатель может не получить уведомление о подарке."
}
},
"pageTitle": "Подарки",
"tabBuy": "Купить",
"tabActivate": "Активировать",
"tabMyGifts": "Мои подарки",
"selectTariff": "ВЫБЕРИТЕ ТАРИФ",
"selectPeriod": "ПЕРИОД ПОДПИСКИ",
"deviceCount": "{{count}} устройство",
"deviceCount_other": "{{count}} устройств",
"activateTitle": "Введите код подарка",
"activateDescription": "Введите код подарка, полученный от друга или знакомого",
"activateCodePlaceholder": "GIFT-XXXXXXXXXXXX",
"activateButton": "Активировать подарок",
"activating": "Активация...",
"activateSuccess": "Подарок активирован!",
"activateSuccessDesc": "{{tariff}} — {{days}} дн. добавлено к вашей подписке",
"activateError": "Не удалось активировать подарок",
"myGiftsEmpty": "У вас пока нет подарков",
"myGiftsEmptyDesc": "Купите подарок для друга или активируйте полученный код",
"sentGiftsTitle": "Отправленные",
"receivedGiftsTitle": "Полученные",
"statusAvailable": "ДОСТУПЕН",
"statusActivated": "АКТИВИРОВАН",
"statusPending": "ОЖИДАЕТ",
"statusDelivered": "ДОСТАВЛЕН",
"statusFailed": "ОШИБКА",
"statusExpired": "ПРОСРОЧЕН",
"statusPendingActivation": "ОЖИДАЕТ АКТИВАЦИИ",
"copyCode": "КОПИРОВАТЬ",
"codeCopied": "Код скопирован!",
"shareGift": "ПОДЕЛИТЬСЯ",
"shareText": "У меня есть подарок для тебя! Активируй его здесь:",
"activatedBy": "Активирован пользователем {{username}}",
"sentTo": "Отправлен {{recipient}}",
"daysShort": "дн.",
"devicesShort": "устр."
}
}