feat: add success notification modal for balance and subscription events

- Add zustand store for global success notifications
- Create SuccessNotificationModal component with prominent UI
- Update WebSocketNotifications to show modal for important events:
  - balance.topup shows balance topped up modal
  - subscription.activated shows activation modal
  - subscription.renewed shows renewal modal
- Add translations for all locales (ru, en, zh, fa)
This commit is contained in:
c0mrade
2026-01-30 19:39:14 +03:00
parent ca227f3975
commit 175b5608b2
8 changed files with 439 additions and 54 deletions

View File

@@ -120,6 +120,27 @@
"receivedMessage": "Payment of {{amount}} {{currency}} received"
}
},
"successNotification": {
"balanceTopup": {
"title": "Balance topped up!"
},
"subscriptionActivated": {
"title": "Subscription activated!"
},
"subscriptionRenewed": {
"title": "Subscription renewed!"
},
"subscriptionPurchased": {
"title": "Subscription purchased!"
},
"amount": "Amount",
"price": "Price",
"newBalance": "New balance",
"tariff": "Tariff",
"validUntil": "Valid until",
"goToSubscription": "Go to Subscription",
"goToBalance": "Go to Balance"
},
"auth": {
"login": "Login",
"register": "Register",