etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 17:43:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: clickable user link to user card in admin payments

Browse Source
This commit is contained in:
Fringg
2026-03-18 23:30:18 +03:00
parent 4a33a61641
commit aa8fbd1e23
2 changed files with 46 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/pages/AdminPayments.tsx
View File

@@ -478,17 +478,53 @@ export default function AdminPayments() {
</div>
{/* User info */}
{(payment.user_username || payment.user_telegram_id) && (
{(payment.user_username ||
payment.user_telegram_id ||
payment.user_email) && (
<div className="mt-2 text-sm text-dark-400">
<span className="text-dark-500">{t('admin.payments.user')}:</span>{' '}
{payment.user_username && (
<span className="text-dark-200">@{payment.user_username}</span>
)}
{payment.user_username && payment.user_telegram_id && (
<span className="text-dark-500"> &middot; </span>
)}
{payment.user_telegram_id && (
<span className="text-dark-300">TG: {payment.user_telegram_id}</span>
{payment.user_id ? (
<button
onClick={(e) => {
e.stopPropagation();
navigate(`/admin/users/${payment.user_id}`);
}}
className="inline-flex items-center gap-1 transition-colors hover:underline"
>
{payment.user_username && (
<span className="text-accent-400">@{payment.user_username}</span>
)}
{payment.user_username &&
(payment.user_telegram_id || payment.user_email) && (
<span className="text-dark-500"> &middot; </span>
)}
{payment.user_telegram_id && (
<span className="text-accent-300">
TG: {payment.user_telegram_id}
</span>
)}
{!payment.user_telegram_id && payment.user_email && (
<span className="text-accent-300">{payment.user_email}</span>
)}
</button>
) : (
<>
{payment.user_username && (
<span className="text-dark-200">@{payment.user_username}</span>
)}
{payment.user_username &&
(payment.user_telegram_id || payment.user_email) && (
<span className="text-dark-500"> &middot; </span>
)}
{payment.user_telegram_id && (
<span className="text-dark-300">
TG: {payment.user_telegram_id}
</span>
)}
{!payment.user_telegram_id && payment.user_email && (
<span className="text-dark-300">{payment.user_email}</span>
)}
</>
)}
</div>
)}

1
src/types/index.ts
View File

@@ -567,6 +567,7 @@ export interface PendingPayment {
user_id?: number;
user_telegram_id?: number;
user_username?: string | null;
user_email?: string | null;
}
export interface ManualCheckResponse {