feat: admin partner settings page, partner section visibility toggle, custom requisites text

- New AdminPartnerSettings page with validation (pattern from AdminTicketSettings)
- Settings gear button on AdminPartners header
- Hide partner/withdrawal sections when partner_section_visible is false
- Use custom requisites_text as label in withdrawal form
- i18n keys for ru/en
This commit is contained in:
Fringg
2026-02-18 04:12:19 +03:00
parent 9cf8e095b8
commit 76d20fdb1a
10 changed files with 550 additions and 112 deletions

View File

@@ -60,6 +60,7 @@ const AdminCampaignCreate = lazy(() => import('./pages/AdminCampaignCreate'));
const AdminCampaignStats = lazy(() => import('./pages/AdminCampaignStats')); const AdminCampaignStats = lazy(() => import('./pages/AdminCampaignStats'));
const AdminCampaignEdit = lazy(() => import('./pages/AdminCampaignEdit')); const AdminCampaignEdit = lazy(() => import('./pages/AdminCampaignEdit'));
const AdminPartners = lazy(() => import('./pages/AdminPartners')); const AdminPartners = lazy(() => import('./pages/AdminPartners'));
const AdminPartnerSettings = lazy(() => import('./pages/AdminPartnerSettings'));
const AdminPartnerDetail = lazy(() => import('./pages/AdminPartnerDetail')); const AdminPartnerDetail = lazy(() => import('./pages/AdminPartnerDetail'));
const AdminApplicationReview = lazy(() => import('./pages/AdminApplicationReview')); const AdminApplicationReview = lazy(() => import('./pages/AdminApplicationReview'));
const AdminPartnerCommission = lazy(() => import('./pages/AdminPartnerCommission')); const AdminPartnerCommission = lazy(() => import('./pages/AdminPartnerCommission'));
@@ -591,6 +592,16 @@ function App() {
</AdminRoute> </AdminRoute>
} }
/> />
<Route
path="/admin/partners/settings"
element={
<AdminRoute>
<LazyPage>
<AdminPartnerSettings />
</LazyPage>
</AdminRoute>
}
/>
<Route <Route
path="/admin/partners/applications/:id/review" path="/admin/partners/applications/:id/review"
element={ element={

View File

@@ -113,6 +113,26 @@ export interface PartnerStats {
total_earnings_kopeks: number; total_earnings_kopeks: number;
} }
// ==================== Partner Settings types ====================
export interface PartnerSettings {
withdrawal_enabled: boolean;
withdrawal_min_amount_kopeks: number;
withdrawal_cooldown_days: number;
withdrawal_requisites_text: string;
partner_section_visible: boolean;
referral_program_enabled: boolean;
}
export interface PartnerSettingsUpdate {
withdrawal_enabled?: boolean;
withdrawal_min_amount_kopeks?: number;
withdrawal_cooldown_days?: number;
withdrawal_requisites_text?: string;
partner_section_visible?: boolean;
referral_program_enabled?: boolean;
}
export const partnerApi = { export const partnerApi = {
// User endpoints // User endpoints
getStatus: async (): Promise<PartnerStatusResponse> => { getStatus: async (): Promise<PartnerStatusResponse> => {
@@ -191,4 +211,18 @@ export const partnerApi = {
unassignCampaign: async (userId: number, campaignId: number): Promise<void> => { unassignCampaign: async (userId: number, campaignId: number): Promise<void> => {
await apiClient.post(`/cabinet/admin/partners/${userId}/campaigns/${campaignId}/unassign`); await apiClient.post(`/cabinet/admin/partners/${userId}/campaigns/${campaignId}/unassign`);
}, },
// Settings
getPartnerSettings: async (): Promise<PartnerSettings> => {
const response = await apiClient.get<PartnerSettings>('/cabinet/admin/partners/settings');
return response.data;
},
updatePartnerSettings: async (data: PartnerSettingsUpdate): Promise<PartnerSettings> => {
const response = await apiClient.patch<PartnerSettings>(
'/cabinet/admin/partners/settings',
data,
);
return response.data;
},
}; };

View File

@@ -14,6 +14,7 @@ export interface WithdrawalBalanceResponse {
is_withdrawal_enabled: boolean; is_withdrawal_enabled: boolean;
can_request: boolean; can_request: boolean;
cannot_request_reason: string | null; cannot_request_reason: string | null;
requisites_text: string;
} }
export interface WithdrawalCreateRequest { export interface WithdrawalCreateRequest {

View File

@@ -1906,6 +1906,29 @@
"description": "Reject partner application from {{name}}", "description": "Reject partner application from {{name}}",
"commentLabel": "Comment (optional)", "commentLabel": "Comment (optional)",
"commentPlaceholder": "Reason for rejection..." "commentPlaceholder": "Reason for rejection..."
},
"settings": "Settings",
"settingsSubtitle": "Partner program and withdrawal settings",
"settingsLoadError": "Failed to load settings",
"settingsUpdateError": "Failed to save settings",
"settingsSection": {
"referralProgram": "Referral Program",
"withdrawalSettings": "Withdrawal Settings"
},
"settingsFields": {
"programEnabled": "Referral program enabled",
"programEnabledDesc": "Enable/disable referral program for all users",
"partnerVisible": "Partner section visible in cabinet",
"partnerVisibleDesc": "Show/hide partner application and withdrawal sections for users",
"withdrawalEnabled": "Withdrawal enabled",
"withdrawalEnabledDesc": "Allow partners to request withdrawal of referral balance",
"minAmount": "Min. withdrawal amount (kopeks)",
"minAmountDesc": "Minimum amount for a withdrawal request (100 kopeks = 1 ₽)",
"cooldownDays": "Cooldown between withdrawals (days)",
"cooldownDaysDesc": "How many days must pass between withdrawal requests",
"requisitesText": "Requisites field prompt",
"requisitesTextDesc": "Custom text shown to users to describe what payment details to provide",
"requisitesTextPlaceholder": "E.g.: Provide your bank card number or USDT TRC-20 address"
} }
}, },
"partnerDetail": { "partnerDetail": {

View File

@@ -2428,6 +2428,29 @@
"description": "Отклонить партнёрскую заявку от {{name}}", "description": "Отклонить партнёрскую заявку от {{name}}",
"commentLabel": "Комментарий (необязательно)", "commentLabel": "Комментарий (необязательно)",
"commentPlaceholder": "Причина отклонения..." "commentPlaceholder": "Причина отклонения..."
},
"settings": "Настройки",
"settingsSubtitle": "Настройки партнёрской программы и вывода средств",
"settingsLoadError": "Не удалось загрузить настройки",
"settingsUpdateError": "Не удалось сохранить настройки",
"settingsSection": {
"referralProgram": "Реферальная программа",
"withdrawalSettings": "Настройки вывода"
},
"settingsFields": {
"programEnabled": "Реферальная программа включена",
"programEnabledDesc": "Вкл/выкл реферальную программу для всех пользователей",
"partnerVisible": "Раздел партнёрки виден в кабинете",
"partnerVisibleDesc": "Показывать/скрывать секцию подачи заявки на партнёрство и вывода средств",
"withdrawalEnabled": "Вывод средств включён",
"withdrawalEnabledDesc": "Разрешить партнёрам запрашивать вывод реферального баланса",
"minAmount": "Мин. сумма вывода (копейки)",
"minAmountDesc": "Минимальная сумма для запроса вывода (100 коп. = 1 ₽)",
"cooldownDays": "Кулдаун между выводами (дни)",
"cooldownDaysDesc": "Сколько дней должно пройти между запросами на вывод",
"requisitesText": "Текст для поля реквизитов",
"requisitesTextDesc": "Кастомная подсказка пользователю, какие реквизиты указать при выводе",
"requisitesTextPlaceholder": "Например: Укажите номер карты Сбербанк / Тинькофф или USDT TRC-20 адрес"
} }
}, },
"partnerDetail": { "partnerDetail": {

View File

@@ -0,0 +1,318 @@
import { useState, useEffect } from 'react';
import { useNavigate } from 'react-router';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import { useTranslation } from 'react-i18next';
import { partnerApi } from '../api/partners';
import { AdminBackButton } from '../components/admin';
import { toNumber } from '../utils/inputHelpers';
type NumberOrEmpty = number | '';
const SettingsIcon = () => (
<svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"
/>
<path strokeLinecap="round" strokeLinejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
);
export default function AdminPartnerSettings() {
const { t } = useTranslation();
const navigate = useNavigate();
const queryClient = useQueryClient();
const {
data: settings,
isLoading,
error,
} = useQuery({
queryKey: ['partner-settings'],
queryFn: partnerApi.getPartnerSettings,
});
const [formData, setFormData] = useState<{
referral_program_enabled: boolean;
partner_section_visible: boolean;
withdrawal_enabled: boolean;
withdrawal_min_amount_kopeks: NumberOrEmpty;
withdrawal_cooldown_days: NumberOrEmpty;
withdrawal_requisites_text: string;
}>({
referral_program_enabled: true,
partner_section_visible: true,
withdrawal_enabled: false,
withdrawal_min_amount_kopeks: 100000,
withdrawal_cooldown_days: 30,
withdrawal_requisites_text: '',
});
useEffect(() => {
if (settings) {
setFormData({
referral_program_enabled: settings.referral_program_enabled,
partner_section_visible: settings.partner_section_visible,
withdrawal_enabled: settings.withdrawal_enabled,
withdrawal_min_amount_kopeks: settings.withdrawal_min_amount_kopeks,
withdrawal_cooldown_days: settings.withdrawal_cooldown_days,
withdrawal_requisites_text: settings.withdrawal_requisites_text,
});
}
}, [settings]);
const updateMutation = useMutation({
mutationFn: partnerApi.updatePartnerSettings,
onSuccess: () => {
queryClient.invalidateQueries({ queryKey: ['partner-settings'] });
queryClient.invalidateQueries({ queryKey: ['referral-terms'] });
navigate('/admin/partners');
},
});
// Validation
const isMinAmountValid =
formData.withdrawal_min_amount_kopeks !== '' &&
formData.withdrawal_min_amount_kopeks >= 0 &&
formData.withdrawal_min_amount_kopeks <= 100_000_000;
const isCooldownValid =
formData.withdrawal_cooldown_days !== '' &&
formData.withdrawal_cooldown_days >= 0 &&
formData.withdrawal_cooldown_days <= 365;
const isValid = !formData.withdrawal_enabled || (isMinAmountValid && isCooldownValid);
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
if (!isValid) return;
updateMutation.mutate({
...formData,
withdrawal_min_amount_kopeks: toNumber(formData.withdrawal_min_amount_kopeks, 100000),
withdrawal_cooldown_days: toNumber(formData.withdrawal_cooldown_days, 30),
});
};
if (isLoading) {
return (
<div className="flex items-center justify-center py-12">
<div className="h-8 w-8 animate-spin rounded-full border-2 border-accent-500 border-t-transparent" />
</div>
);
}
if (error) {
return (
<div className="animate-fade-in">
<div className="mb-6 flex items-center gap-3">
<AdminBackButton to="/admin/partners" />
<h1 className="text-xl font-semibold text-dark-100">{t('admin.partners.settings')}</h1>
</div>
<div className="rounded-xl border border-error-500/30 bg-error-500/10 p-6 text-center">
<p className="text-error-400">{t('admin.partners.settingsLoadError')}</p>
<button
onClick={() => navigate('/admin/partners')}
className="mt-4 text-sm text-dark-400 hover:text-dark-200"
>
{t('common.back')}
</button>
</div>
</div>
);
}
return (
<div className="animate-fade-in">
{/* Header */}
<div className="mb-6 flex items-center gap-3">
<AdminBackButton to="/admin/partners" />
<div className="rounded-lg bg-accent-500/20 p-2 text-accent-400">
<SettingsIcon />
</div>
<div>
<h1 className="text-xl font-semibold text-dark-100">{t('admin.partners.settings')}</h1>
<p className="text-sm text-dark-400">{t('admin.partners.settingsSubtitle')}</p>
</div>
</div>
<form onSubmit={handleSubmit} className="space-y-6">
{/* Referral Program Section */}
<div className="card">
<h3 className="mb-4 text-lg font-semibold text-dark-100">
{t('admin.partners.settingsSection.referralProgram')}
</h3>
{/* Program Enabled */}
<div className="mb-4">
<label className="flex cursor-pointer items-center gap-3">
<input
type="checkbox"
checked={formData.referral_program_enabled}
onChange={(e) =>
setFormData({ ...formData, referral_program_enabled: e.target.checked })
}
className="h-5 w-5 rounded border-dark-700 bg-dark-800 text-accent-500 focus:ring-2 focus:ring-accent-500 focus:ring-offset-0"
/>
<div>
<div className="font-medium text-dark-100">
{t('admin.partners.settingsFields.programEnabled')}
</div>
<div className="text-sm text-dark-500">
{t('admin.partners.settingsFields.programEnabledDesc')}
</div>
</div>
</label>
</div>
{/* Partner Section Visible */}
<div>
<label className="flex cursor-pointer items-center gap-3">
<input
type="checkbox"
checked={formData.partner_section_visible}
onChange={(e) =>
setFormData({ ...formData, partner_section_visible: e.target.checked })
}
className="h-5 w-5 rounded border-dark-700 bg-dark-800 text-accent-500 focus:ring-2 focus:ring-accent-500 focus:ring-offset-0"
/>
<div>
<div className="font-medium text-dark-100">
{t('admin.partners.settingsFields.partnerVisible')}
</div>
<div className="text-sm text-dark-500">
{t('admin.partners.settingsFields.partnerVisibleDesc')}
</div>
</div>
</label>
</div>
</div>
{/* Withdrawal Settings Section */}
<div className="card">
<h3 className="mb-4 text-lg font-semibold text-dark-100">
{t('admin.partners.settingsSection.withdrawalSettings')}
</h3>
{/* Withdrawal Enabled */}
<div className="mb-6">
<label className="flex cursor-pointer items-center gap-3">
<input
type="checkbox"
checked={formData.withdrawal_enabled}
onChange={(e) => setFormData({ ...formData, withdrawal_enabled: e.target.checked })}
className="h-5 w-5 rounded border-dark-700 bg-dark-800 text-accent-500 focus:ring-2 focus:ring-accent-500 focus:ring-offset-0"
/>
<div>
<div className="font-medium text-dark-100">
{t('admin.partners.settingsFields.withdrawalEnabled')}
</div>
<div className="text-sm text-dark-500">
{t('admin.partners.settingsFields.withdrawalEnabledDesc')}
</div>
</div>
</label>
</div>
{/* Min Amount */}
<div className="mb-4">
<label className="mb-2 block text-sm font-medium text-dark-300">
{t('admin.partners.settingsFields.minAmount')}
</label>
<input
type="number"
min={0}
max={100000000}
value={formData.withdrawal_min_amount_kopeks}
onChange={(e) => {
const val = e.target.value;
if (val === '')
return setFormData({ ...formData, withdrawal_min_amount_kopeks: '' });
const num = parseInt(val);
if (!isNaN(num)) setFormData({ ...formData, withdrawal_min_amount_kopeks: num });
}}
className="input"
disabled={!formData.withdrawal_enabled}
/>
<p className="mt-1 text-xs text-dark-500">
{t('admin.partners.settingsFields.minAmountDesc')}
</p>
</div>
{/* Cooldown Days */}
<div className="mb-4">
<label className="mb-2 block text-sm font-medium text-dark-300">
{t('admin.partners.settingsFields.cooldownDays')}
</label>
<input
type="number"
min={0}
max={365}
value={formData.withdrawal_cooldown_days}
onChange={(e) => {
const val = e.target.value;
if (val === '') return setFormData({ ...formData, withdrawal_cooldown_days: '' });
const num = parseInt(val);
if (!isNaN(num)) setFormData({ ...formData, withdrawal_cooldown_days: num });
}}
className="input"
disabled={!formData.withdrawal_enabled}
/>
<p className="mt-1 text-xs text-dark-500">
{t('admin.partners.settingsFields.cooldownDaysDesc')}
</p>
</div>
{/* Requisites Text */}
<div>
<label className="mb-2 block text-sm font-medium text-dark-300">
{t('admin.partners.settingsFields.requisitesText')}
</label>
<textarea
value={formData.withdrawal_requisites_text}
onChange={(e) =>
setFormData({ ...formData, withdrawal_requisites_text: e.target.value })
}
className="input min-h-[80px] w-full"
maxLength={2000}
disabled={!formData.withdrawal_enabled}
placeholder={t('admin.partners.settingsFields.requisitesTextPlaceholder')}
/>
<p className="mt-1 text-xs text-dark-500">
{t('admin.partners.settingsFields.requisitesTextDesc')}
</p>
</div>
</div>
{/* Buttons */}
<div className="flex justify-end gap-3">
<button
type="button"
onClick={() => navigate('/admin/partners')}
className="btn-secondary"
>
{t('common.cancel')}
</button>
<button
type="submit"
disabled={!isValid || updateMutation.isPending}
className="btn-primary"
>
{updateMutation.isPending ? (
<span className="flex items-center gap-2">
<span className="h-4 w-4 animate-spin rounded-full border-2 border-white/30 border-t-white" />
{t('common.saving')}
</span>
) : (
t('common.save')
)}
</button>
</div>
{updateMutation.isError && (
<div className="rounded-lg border border-error-500/30 bg-error-500/10 p-3 text-sm text-error-400">
{t('admin.partners.settingsUpdateError')}
</div>
)}
</form>
</div>
);
}

View File

@@ -41,10 +41,34 @@ export default function AdminPartners() {
{/* Header */} {/* Header */}
<div className="mb-6 flex items-center gap-3"> <div className="mb-6 flex items-center gap-3">
<AdminBackButton to="/admin" /> <AdminBackButton to="/admin" />
<div> <div className="flex-1">
<h1 className="text-xl font-semibold text-dark-100">{t('admin.partners.title')}</h1> <h1 className="text-xl font-semibold text-dark-100">{t('admin.partners.title')}</h1>
<p className="text-sm text-dark-400">{t('admin.partners.subtitle')}</p> <p className="text-sm text-dark-400">{t('admin.partners.subtitle')}</p>
</div> </div>
<button
onClick={() => navigate('/admin/partners/settings')}
className="rounded-lg bg-dark-800 p-2 text-dark-400 transition-colors hover:bg-dark-700 hover:text-dark-200"
title={t('admin.partners.settings')}
>
<svg
className="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
strokeWidth={1.5}
>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"
/>
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
/>
</svg>
</button>
</div> </div>
{/* Stats Overview */} {/* Stats Overview */}

View File

@@ -403,7 +403,7 @@ export default function Referral() {
{/* ==================== Partner Application Section ==================== */} {/* ==================== Partner Application Section ==================== */}
{/* Status: none — Become a Partner CTA */} {/* Status: none — Become a Partner CTA */}
{showApplySection && ( {terms?.partner_section_visible !== false && showApplySection && (
<div className="bento-card"> <div className="bento-card">
<div className="flex items-start gap-4"> <div className="flex items-start gap-4">
<div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-accent-500/10 text-accent-400"> <div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-accent-500/10 text-accent-400">
@@ -428,7 +428,7 @@ export default function Referral() {
)} )}
{/* Status: pending — Application Under Review */} {/* Status: pending — Application Under Review */}
{showPendingSection && ( {terms?.partner_section_visible !== false && showPendingSection && (
<div className="bento-card border-warning-500/20"> <div className="bento-card border-warning-500/20">
<div className="flex items-start gap-4"> <div className="flex items-start gap-4">
<div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-warning-500/10 text-warning-400"> <div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-warning-500/10 text-warning-400">
@@ -454,7 +454,7 @@ export default function Referral() {
)} )}
{/* Status: approved — Partner Badge */} {/* Status: approved — Partner Badge */}
{showApprovedSection && ( {terms?.partner_section_visible !== false && showApprovedSection && (
<div className="bento-card border-success-500/20"> <div className="bento-card border-success-500/20">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-success-500/10 text-success-400"> <div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-success-500/10 text-success-400">
@@ -481,7 +481,7 @@ export default function Referral() {
)} )}
{/* Status: rejected — Rejection Notice */} {/* Status: rejected — Rejection Notice */}
{showRejectedSection && ( {terms?.partner_section_visible !== false && showRejectedSection && (
<div className="bento-card border-error-500/20"> <div className="bento-card border-error-500/20">
<div className="flex items-start gap-4"> <div className="flex items-start gap-4">
<div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-error-500/10 text-error-400"> <div className="flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-error-500/10 text-error-400">
@@ -521,116 +521,119 @@ export default function Referral() {
{/* ==================== Partner Campaigns Section ==================== */} {/* ==================== Partner Campaigns Section ==================== */}
{isPartner && partnerStatus?.campaigns && partnerStatus.campaigns.length > 0 && ( {terms?.partner_section_visible !== false &&
<div className="space-y-4"> isPartner &&
<div className="flex items-center gap-3"> partnerStatus?.campaigns &&
<div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-accent-500/10 text-accent-400"> partnerStatus.campaigns.length > 0 && (
<LinkIcon /> <div className="space-y-4">
</div> <div className="flex items-center gap-3">
<h2 className="text-lg font-semibold text-dark-100"> <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-accent-500/10 text-accent-400">
{t('referral.partner.yourCampaigns')} <LinkIcon />
</h2>
</div>
{partnerStatus.campaigns.map((campaign) => {
const copyLink = (url: string, key: string) => {
navigator.clipboard.writeText(url);
setCopiedLink(key);
setTimeout(() => setCopiedLink(null), 2000);
};
const botKey = `${campaign.id}-bot`;
const webKey = `${campaign.id}-web`;
return (
<div key={campaign.id} className="bento-card space-y-4">
{/* Campaign header */}
<div className="flex items-center gap-2">
<h3 className="text-base font-semibold text-dark-100">{campaign.name}</h3>
</div>
{/* Bonus info */}
{campaign.bonus_type !== 'none' && (
<div className="rounded-lg bg-success-500/10 p-3">
<div className="mb-1 text-xs font-medium text-success-500">
{t('referral.partner.campaignBonus.title')}
</div>
<div className="text-sm font-semibold text-success-400">
{campaign.bonus_type === 'balance' &&
t('referral.partner.campaignBonus.balanceDesc', {
amount: formatWithCurrency(campaign.balance_bonus_kopeks / 100, 0),
})}
{campaign.bonus_type === 'subscription' &&
t('referral.partner.campaignBonus.subscriptionDesc', {
days: campaign.subscription_duration_days ?? 0,
...(campaign.subscription_traffic_gb
? { traffic: campaign.subscription_traffic_gb }
: {}),
})}
{campaign.bonus_type === 'tariff' &&
t('referral.partner.campaignBonus.tariffDesc')}
</div>
</div>
)}
{/* Bot link */}
{campaign.deep_link && (
<div>
<div className="mb-1 text-xs font-medium text-dark-500">
{t('referral.partner.campaignLinks.bot')}
</div>
<div className="flex items-center gap-2">
<input
type="text"
readOnly
value={campaign.deep_link}
className="input flex-1 text-xs"
/>
<button
onClick={() => copyLink(campaign.deep_link!, botKey)}
className={`btn-primary shrink-0 px-3 py-2 ${
copiedLink === botKey ? 'bg-success-500 hover:bg-success-500' : ''
}`}
>
{copiedLink === botKey ? <CheckIcon /> : <CopyIcon />}
</button>
</div>
</div>
)}
{/* Web link */}
{campaign.web_link && (
<div>
<div className="mb-1 text-xs font-medium text-dark-500">
{t('referral.partner.campaignLinks.web')}
</div>
<div className="flex items-center gap-2">
<input
type="text"
readOnly
value={campaign.web_link}
className="input flex-1 text-xs"
/>
<button
onClick={() => copyLink(campaign.web_link!, webKey)}
className={`btn-primary shrink-0 px-3 py-2 ${
copiedLink === webKey ? 'bg-success-500 hover:bg-success-500' : ''
}`}
>
{copiedLink === webKey ? <CheckIcon /> : <CopyIcon />}
</button>
</div>
</div>
)}
</div> </div>
); <h2 className="text-lg font-semibold text-dark-100">
})} {t('referral.partner.yourCampaigns')}
</div> </h2>
)} </div>
{partnerStatus.campaigns.map((campaign) => {
const copyLink = (url: string, key: string) => {
navigator.clipboard.writeText(url);
setCopiedLink(key);
setTimeout(() => setCopiedLink(null), 2000);
};
const botKey = `${campaign.id}-bot`;
const webKey = `${campaign.id}-web`;
return (
<div key={campaign.id} className="bento-card space-y-4">
{/* Campaign header */}
<div className="flex items-center gap-2">
<h3 className="text-base font-semibold text-dark-100">{campaign.name}</h3>
</div>
{/* Bonus info */}
{campaign.bonus_type !== 'none' && (
<div className="rounded-lg bg-success-500/10 p-3">
<div className="mb-1 text-xs font-medium text-success-500">
{t('referral.partner.campaignBonus.title')}
</div>
<div className="text-sm font-semibold text-success-400">
{campaign.bonus_type === 'balance' &&
t('referral.partner.campaignBonus.balanceDesc', {
amount: formatWithCurrency(campaign.balance_bonus_kopeks / 100, 0),
})}
{campaign.bonus_type === 'subscription' &&
t('referral.partner.campaignBonus.subscriptionDesc', {
days: campaign.subscription_duration_days ?? 0,
...(campaign.subscription_traffic_gb
? { traffic: campaign.subscription_traffic_gb }
: {}),
})}
{campaign.bonus_type === 'tariff' &&
t('referral.partner.campaignBonus.tariffDesc')}
</div>
</div>
)}
{/* Bot link */}
{campaign.deep_link && (
<div>
<div className="mb-1 text-xs font-medium text-dark-500">
{t('referral.partner.campaignLinks.bot')}
</div>
<div className="flex items-center gap-2">
<input
type="text"
readOnly
value={campaign.deep_link}
className="input flex-1 text-xs"
/>
<button
onClick={() => copyLink(campaign.deep_link!, botKey)}
className={`btn-primary shrink-0 px-3 py-2 ${
copiedLink === botKey ? 'bg-success-500 hover:bg-success-500' : ''
}`}
>
{copiedLink === botKey ? <CheckIcon /> : <CopyIcon />}
</button>
</div>
</div>
)}
{/* Web link */}
{campaign.web_link && (
<div>
<div className="mb-1 text-xs font-medium text-dark-500">
{t('referral.partner.campaignLinks.web')}
</div>
<div className="flex items-center gap-2">
<input
type="text"
readOnly
value={campaign.web_link}
className="input flex-1 text-xs"
/>
<button
onClick={() => copyLink(campaign.web_link!, webKey)}
className={`btn-primary shrink-0 px-3 py-2 ${
copiedLink === webKey ? 'bg-success-500 hover:bg-success-500' : ''
}`}
>
{copiedLink === webKey ? <CheckIcon /> : <CopyIcon />}
</button>
</div>
</div>
)}
</div>
);
})}
</div>
)}
{/* ==================== Withdrawal Section (approved partners only) ==================== */} {/* ==================== Withdrawal Section (approved partners only) ==================== */}
{isPartner && ( {terms?.partner_section_visible !== false && isPartner && (
<div id="withdrawal-section" className="space-y-6"> <div id="withdrawal-section" className="space-y-6">
{/* Withdrawal Balance Card */} {/* Withdrawal Balance Card */}
{withdrawalBalance && ( {withdrawalBalance && (

View File

@@ -83,7 +83,7 @@ export default function ReferralWithdrawalRequest() {
</div> </div>
<div> <div>
<label className="mb-1 block text-sm font-medium text-dark-300"> <label className="mb-1 block text-sm font-medium text-dark-300">
{t('referral.withdrawal.fields.paymentDetails')} {balance?.requisites_text || t('referral.withdrawal.fields.paymentDetails')}
</label> </label>
<textarea <textarea
className="input min-h-[80px] w-full" className="input min-h-[80px] w-full"

View File

@@ -431,6 +431,7 @@ export interface ReferralTerms {
first_topup_bonus_rubles: number; first_topup_bonus_rubles: number;
inviter_bonus_kopeks: number; inviter_bonus_kopeks: number;
inviter_bonus_rubles: number; inviter_bonus_rubles: number;
partner_section_visible?: boolean;
} }
// Ticket types // Ticket types