add translates
This commit is contained in:
@@ -307,7 +307,7 @@ export default function PaymentTabTransactionHistory() {
|
|||||||
<h3
|
<h3
|
||||||
className="tanstak-table-title"
|
className="tanstak-table-title"
|
||||||
>
|
>
|
||||||
История покупок
|
{t('operation-history')}
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
{/* Фильтры */}
|
{/* Фильтры */}
|
||||||
|
|||||||
@@ -4,13 +4,16 @@ import { useState } from 'react';
|
|||||||
import PaymentTabTariffs from '@/app/ui/payment/payment-tab-tariffs';
|
import PaymentTabTariffs from '@/app/ui/payment/payment-tab-tariffs';
|
||||||
import PaymentTubBuyTokens from './payment-tab-buy-tokens';
|
import PaymentTubBuyTokens from './payment-tab-buy-tokens';
|
||||||
import PaymentTabTransactionHistory from './payment-tab-transaction-history';
|
import PaymentTabTransactionHistory from './payment-tab-transaction-history';
|
||||||
|
import { useTranslations } from 'next-intl';
|
||||||
|
|
||||||
|
|
||||||
export default function PaymentTabs() {
|
export default function PaymentTabs() {
|
||||||
let [selectedTab, setSelectedTab] = useState('1');
|
let [selectedTab, setSelectedTab] = useState('1');
|
||||||
|
const t = useTranslations('Global');
|
||||||
function switchTabsHandler(tab: string) {
|
function switchTabsHandler(tab: string) {
|
||||||
setSelectedTab(tab);
|
setSelectedTab(tab);
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="payment-tabs">
|
<div className="payment-tabs">
|
||||||
@@ -19,32 +22,32 @@ export default function PaymentTabs() {
|
|||||||
onClick={() => {
|
onClick={() => {
|
||||||
switchTabsHandler('1')
|
switchTabsHandler('1')
|
||||||
}}>
|
}}>
|
||||||
Тарифные планы
|
{t('tariff-plans')}
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
className={`payment-tab ${selectedTab === '2' ? 'active' : ''}`}
|
className={`payment-tab ${selectedTab === '2' ? 'active' : ''}`}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
switchTabsHandler('2')
|
switchTabsHandler('2')
|
||||||
}}>
|
}}>
|
||||||
Пополнить токены
|
{t('add-tokens')}
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
className={`payment-tab ${selectedTab === '3' ? 'active' : ''}`}
|
className={`payment-tab ${selectedTab === '3' ? 'active' : ''}`}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
switchTabsHandler('3')
|
switchTabsHandler('3')
|
||||||
}}>
|
}}>
|
||||||
История операций
|
{t('operation-history')}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="tab-content">
|
<div className="tab-content">
|
||||||
{selectedTab === '1' && (
|
{selectedTab === '1' && (
|
||||||
<PaymentTabTariffs/>
|
<PaymentTabTariffs />
|
||||||
)}
|
)}
|
||||||
{selectedTab === '2' && (
|
{selectedTab === '2' && (
|
||||||
<PaymentTubBuyTokens/>
|
<PaymentTubBuyTokens />
|
||||||
)}
|
)}
|
||||||
{selectedTab === '3' && (
|
{selectedTab === '3' && (
|
||||||
<PaymentTabTransactionHistory/>
|
<PaymentTabTransactionHistory />
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
|
|||||||
@@ -238,7 +238,10 @@
|
|||||||
"amount": "Amount",
|
"amount": "Amount",
|
||||||
"date": "Date",
|
"date": "Date",
|
||||||
"operation-type": "Operation type",
|
"operation-type": "Operation type",
|
||||||
"succeeded": "Succeeded"
|
"succeeded": "Succeeded",
|
||||||
|
"operation-history": "Operation history",
|
||||||
|
"tariff-plans": "Tariff plans",
|
||||||
|
"add-tokens": "Add tokens"
|
||||||
},
|
},
|
||||||
"Login-register-form": {
|
"Login-register-form": {
|
||||||
"and": "and",
|
"and": "and",
|
||||||
|
|||||||
@@ -238,7 +238,10 @@
|
|||||||
"amount": "Сумма",
|
"amount": "Сумма",
|
||||||
"date": "Дата",
|
"date": "Дата",
|
||||||
"operation-type": "Тип операции",
|
"operation-type": "Тип операции",
|
||||||
"succeeded": "Успешно"
|
"succeeded": "Успешно",
|
||||||
|
"operation-history": "История операций",
|
||||||
|
"tariff-plans": "Тарифные планы",
|
||||||
|
"add-tokens": "Пополнить токены"
|
||||||
},
|
},
|
||||||
"Login-register-form": {
|
"Login-register-form": {
|
||||||
"and": "и",
|
"and": "и",
|
||||||
|
|||||||
Reference in New Issue
Block a user