fix issues for payment requst

src/app/ui/referral-page/Income-and-payments.tsx

@@ -4,6 +4,7 @@ import PaymentsHistory from '@/app/ui/referral-page/table/payments-history';
 import { useQuery } from '@tanstack/react-query';
 import { fetchReferralUserStats } from '@/app/actions/referralsActions';
 import RequestPayment from '@/app/ui/referral-page/request-payment';
+import { useEffect } from 'react';
 
 export default function IncomeAndPayments() {
 	const {
@@ -23,24 +24,28 @@ export default function IncomeAndPayments() {
 		}
 	});
 
+	useEffect(() => {
+		console.log(activeInvites)
+	}, [activeInvites])
+
 	return (
 		<div className="block-wrapper income-and-payments">
 			<div className="section-title">
-				<span className="icon">💳</span>
+				<span className="icon"></span>
 				Доходы и выплаты
 			</div>
 
 			<div className="earnings-cards">
 				<div className="earning-card success">
-					<h4>💰 Доступно к выводу</h4>
+					<h4>Доступно к выводу</h4>
 					<p>
 						{activeInvites?.availableIncome ?? 0}
 					</p>
-					<small>Минимальная сумма вывода: 100 Б</small>
+					<small>Минимальная сумма вывода: 1000</small>
 				</div>
 
 				<div className="earning-card">
-					<h4>📈 Всего заработано</h4>
+					<h4>Всего заработано</h4>
 					<p>
 						{activeInvites?.totalIncome ?? 0}
 					</p>
@@ -48,9 +53,9 @@ export default function IncomeAndPayments() {
 				</div>
 
 				<div className="earning-card warning">
-					<h4>✅ Выплачено</h4>
+					<h4>Выплачено</h4>
 					<p>
-						0
+						{activeInvites?.totalIncome ?? 0}
 					</p>
 					<small>Успешно выплачено на ваши счета</small>
 				</div>

src/app/ui/referral-page/request-payment.tsx

@@ -37,7 +37,7 @@ export default function RequestPayment() {
 			queryClient.invalidateQueries({ queryKey: ['referralUserStats'] });
 			queryClient.invalidateQueries({ queryKey: ['referralInvitees'] });
 		} else if (state?.error) {
-			toast.error(state.error);
+			toast.error(t(state.error));
 		}
 	}, [state]);
 
@@ -68,18 +68,30 @@ export default function RequestPayment() {
 				formAction(e);
 			}}
 		>
-			<h4>Запросить выплату</h4>
+			<h4>
+				{t('request-payment')}
+			</h4>
 			<div className="payout-wrapper">
 				<div className="form-group">
-					<label>Сумма к выводу (Б)</label>
+					<label>
+						{t('amount-to-be-withdrawn')}
+					</label>
 					<input
-						type="number"
+						type="text"
 						name="amount"
-						placeholder="Введите сумму">
-					</input>
+						placeholder="Введите сумму"
+						inputMode="numeric"
+						defaultValue={state?.previousState?.amount ?? 0}
+						onChange={(e) => {
+							const value = e.target.value.replace(/[^0-9]/g, '');
+							e.target.value = value;
+						}}
+					/>
 				</div>
 				<div className="form-group" >
-					<label>Способ выплаты</label>
+					<label>
+						{t('payment-method')}
+					</label>
 					<input
 						type="hidden"
 						name="payoutMethodId"
@@ -142,7 +154,7 @@ export default function RequestPayment() {
 					className="btn-success btn-primary"
 					disabled={isPending}
 				>
-					Заказать выплату
+					{t('request-payment')}
 					{isPending && (
 						<div className="loading-animation">
 							<div className="global-spinner"></div>

src/app/ui/referral-page/table/payments-history.tsx

@@ -313,7 +313,7 @@ export default function PaymentsHistory() {
 			<h3
 				className="tanstak-table-title"
 			>
-				История выплат
+				{t('payment-history')}
 			</h3>
 			{/* Фильтры */}
 			<div className="tanstak-table-filtres" style={{ display: "none" }}>