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> </div>
{/* User info */} {/* 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"> <div className="mt-2 text-sm text-dark-400">
<span className="text-dark-500">{t('admin.payments.user')}:</span>{' '} <span className="text-dark-500">{t('admin.payments.user')}:</span>{' '}
{payment.user_username && ( {payment.user_id ? (
<span className="text-dark-200">@{payment.user_username}</span> <button
)} onClick={(e) => {
{payment.user_username && payment.user_telegram_id && ( e.stopPropagation();
<span className="text-dark-500"> &middot; </span> navigate(`/admin/users/${payment.user_id}`);
)} }}
{payment.user_telegram_id && ( className="inline-flex items-center gap-1 transition-colors hover:underline"
<span className="text-dark-300">TG: {payment.user_telegram_id}</span> >
{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> </div>
)} )}

1
src/types/index.ts
View File

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