- {filterOptions.map((option) => {
- const isActive = option.id === uploadsFilter;
- return (
-
- );
- })}
- {filtersActive ? (
+ ) : (
+
+
+
+
+ Авторизован
+
- ) : null}
-
-
- setUploadsSearch(event.target.value)}
- placeholder="Поиск по названию, CID или адресу"
- className="w-full rounded-lg border border-slate-700 bg-slate-950 px-3 py-2 text-sm text-slate-100 shadow-inner shadow-black/40 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/40"
- />
- {uploadsSearch ? (
-
- ) : null}
-
-
- Найдено {numberFormatter.format(filteredContents.length)} из {numberFormatter.format(totalMatches)}
-
-
-
-
- {Object.entries(states).map(([state, count]) => (
-
- ))}
-
-
-
-
-
-
-
-
-
- {issueEntries.length > 0 ? (
-
-
-
- Проблемные загрузки · {numberFormatter.format(issueEntries.length)}
-
-
-
- {issueEntries.slice(0, 5).map(({ item }) => {
- const problems = getProblemMessages(item);
- return (
-
-
- {item.title || `${item.encrypted_cid.slice(0, 8)}…`}
- {formatDate(item.updated_at)}
-
-
CID: {item.encrypted_cid}
-
- {problems.map((problem, index) => (
- - {problem}
- ))}
-
-
- );
- })}
- {issueEntries.length > 5 ? (
-
- ) : null}
-
-
- {noMatches ? (
-
- {filtersActive ? 'Нет контента по выбранным фильтрам.' : 'Контент ещё не загружался.'}
-
- ) : (
- filteredContents.map(renderContentCard)
- )}
-
-
-
-
- | ID |
- Файл |
- Размер |
- Статус |
- Обновлено |
-
-
-
- {recent.map((item) => (
-
- | {item.id} |
- {item.filename || '—'} |
- {item.size_bytes ? formatBytes(item.size_bytes) : '—'} |
- {item.state} |
- {formatDate(item.updated_at)} |
-
- ))}
-
-
-
-
-
Окружение
-
- {Object.entries(env).map(([key, value]) => (
- {formatUnknown(value)}
- ))}
-
-
-
-
Задачи блокчейна
-
- {Object.entries(blockchain_tasks).map(([key, value]) => (
- {numberFormatter.format(value)}
- ))}
-
-
Последние индексы
-
-
-
-
ServiceConfig
-
-
-
-
- | Ключ |
- Значение |
- RAW |
-
-
-
- {service_config.map((item) => (
-
- | {item.key} |
- {formatUnknown(item.value)} |
- {formatUnknown(item.raw)} |
-
- ))}
-
-
-
-
-
Сервисы
-
- {services.map((service) => (
- -
- {service.name}
- {service.status ?? "—"}
-
- ))}
-
-
- {Object.entries(counts).map(([key, value]) => (
-
- ))}
-
-
-
-
-
- | ID |
- Назначение |
- Сумма |
- Статус |
- Epoch · Seqno |
- Hash |
- Обновлено |
-
-
-
- {recent.map((task) => (
-
- | {task.id} |
- {task.destination || "—"} |
- {formatUnknown(task.amount)} |
- {task.status} |
- {task.epoch ?? "—"} · {task.seqno ?? "—"} |
- {task.transaction_hash || "—"} |
- {formatDate(task.updated)} |
-
- ))}
-
-
-
-
-
-
- | IP |
- Порт |
- Публичный ключ |
- Роль |
- Версия |
- Последний онлайн |
- Заметки |
-
-
-
- {items.map((node, index) => (
-
- | {node.ip || "—"} |
- {node.port ?? "—"} |
- {node.public_key || "—"} |
-
-
- |
- {node.version || "—"} |
- {formatDate(node.last_seen)} |
- {formatUnknown(node.notes)} |
-
- ))}
-
-
-
-
-
-
IPFS
-
- {formatBytes(Number((ipfs.repo as Record)?.RepoSize ?? 0))}
- {formatBytes(Number((ipfs.repo as Record)?.StorageMax ?? 0))}
- {numberFormatter.format(Number((ipfs.bitswap as Record)?.Peers ?? 0))}
- {numberFormatter.format(Number((ipfs.bitswap as Record)?.BlocksReceived ?? 0))}
-
-
-
-
Pin-статистика
-
- {Object.entries(pin_counts).map(([key, value]) => (
- {numberFormatter.format(value)}
- ))}
- {numberFormatter.format(convert_backlog)}
- {formatBytes(derivatives.total_bytes)}
-
-
-
-
-
Проверяем сессию…
- );
- }
- return (
-
-
-
-
Админ-панель
-
- Управление узлом, мониторинг IPFS/TON и контроль кэша
-
-
-
-
-
-
-
-
- {renderOverview()}
- {renderStorage()}
- {renderUploads()}
- {renderUsers()}
- {renderLicenses()}
- {renderStars()}
- {renderSystem()}
- {renderBlockchain()}
- {renderNodes()}
- {renderStatus()}
-
-
- {renderFlash()}
- {authState === "authorized" || authState === "checking" ? renderDashboard() : renderLoginPanel()}
-
-
+ )}
+
);
};
-const InfoRow = ({ label, children }: { label: string; children: ReactNode }) => {
- return (
-
-
{label}
- {children}
-
- );
-};
+export const AdminPage = AdminShell;
-const MetricCard = ({ label, value }: { label: string; value: string }) => {
- return (
-
- );
+export const AdminIndexRedirect = () => {
+ return
;
};
diff --git a/src/pages/admin/sections/Blockchain.tsx b/src/pages/admin/sections/Blockchain.tsx
new file mode 100644
index 0000000..3e00b63
--- /dev/null
+++ b/src/pages/admin/sections/Blockchain.tsx
@@ -0,0 +1,91 @@
+import { useAdminBlockchain } from "~/shared/services/admin";
+import { Section, Badge } from "../components";
+import { useAdminContext } from "../context";
+import { formatDate, formatUnknown, numberFormatter } from "../utils/format";
+
+const MetricCard = ({ label, value }: { label: string; value: string }) => {
+ return (
+
+ );
+};
+
+export const AdminBlockchainPage = () => {
+ const { isAuthorized, handleRequestError } = useAdminContext();
+
+ const blockchainQuery = useAdminBlockchain({
+ enabled: isAuthorized,
+ refetchInterval: 30_000,
+ onError: (error) => handleRequestError(error, "Не удалось загрузить данные блокчейна"),
+ });
+
+ if (!blockchainQuery.data) {
+ return blockchainQuery.isLoading ? (
+
+ ) : null;
+ }
+
+ const { counts, recent } = blockchainQuery.data;
+
+ return (
+
blockchainQuery.refetch()}
+ disabled={blockchainQuery.isFetching}
+ >
+ {blockchainQuery.isFetching ? "Обновляем…" : "Обновить"}
+
+ }
+ >
+
+ {Object.entries(counts).map(([key, value]) => (
+
+ ))}
+
+
+
+
+
+ | ID |
+ Назначение |
+ Сумма |
+ Статус |
+ Epoch · Seqno |
+ Hash |
+ Обновлено |
+
+
+
+ {recent.map((task) => (
+
+ | {task.id} |
+ {task.destination || "—"} |
+ {formatUnknown(task.amount)} |
+
+
+ {task.status}
+
+ |
+
+ {task.epoch ?? "—"} · {task.seqno ?? "—"}
+ |
+ {task.transaction_hash || "—"} |
+ {formatDate(task.updated)} |
+
+ ))}
+
+
+
+ );
+};
diff --git a/src/pages/admin/sections/Licenses.tsx b/src/pages/admin/sections/Licenses.tsx
new file mode 100644
index 0000000..7a5110f
--- /dev/null
+++ b/src/pages/admin/sections/Licenses.tsx
@@ -0,0 +1,232 @@
+import { useEffect, useState } from "react";
+
+import { useAdminLicenses } from "~/shared/services/admin";
+import { Section, PaginationControls } from "../components";
+import { useAdminContext } from "../context";
+import { formatDate, numberFormatter } from "../utils/format";
+
+export const AdminLicensesPage = () => {
+ const { isAuthorized, handleRequestError } = useAdminContext();
+ const [search, setSearch] = useState("");
+ const [statusFilter, setStatusFilter] = useState("all");
+ const [typeFilter, setTypeFilter] = useState("all");
+ const [licenseTypeFilter, setLicenseTypeFilter] = useState("all");
+ const [page, setPage] = useState(0);
+
+ const limit = 50;
+ const normalizedSearch = search.trim();
+
+ const licensesQuery = useAdminLicenses(
+ {
+ limit,
+ offset: page * limit,
+ search: normalizedSearch || undefined,
+ status: statusFilter !== "all" ? statusFilter : undefined,
+ type: typeFilter !== "all" ? typeFilter : undefined,
+ license_type: licenseTypeFilter !== "all" ? licenseTypeFilter : undefined,
+ },
+ {
+ enabled: isAuthorized,
+ keepPreviousData: true,
+ refetchInterval: 60_000,
+ onError: (error) => handleRequestError(error, "Не удалось загрузить лицензии"),
+ },
+ );
+
+ useEffect(() => {
+ setPage(0);
+ }, [normalizedSearch, statusFilter, typeFilter, licenseTypeFilter]);
+
+ if (licensesQuery.isLoading && !licensesQuery.data) {
+ return (
+
+ );
+ }
+
+ if (!licensesQuery.data) {
+ return (
+
+ Выберите вкладку «Лицензии», чтобы загрузить данные.
+
+ );
+ }
+
+ const { items, counts, total } = licensesQuery.data;
+ const statusOptions = Object.keys(counts.status || {});
+ const typeOptions = Object.keys(counts.type || {});
+ const kindOptions = Object.keys(counts.license_type || {});
+
+ return (
+
licensesQuery.refetch()}
+ disabled={licensesQuery.isFetching}
+ >
+ {licensesQuery.isFetching ? "Обновляем…" : "Обновить"}
+
+ }
+ >
+
+
+
+
+ setSearch(event.target.value)}
+ placeholder="Адрес, владелец, hash"
+ className="w-full rounded-lg border border-slate-700 bg-slate-900 px-3 py-2 text-sm text-slate-100 placeholder:text-slate-500 focus:border-sky-500 focus:outline-none focus:ring-1 focus:ring-sky-500 md:w-64"
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Лицензия |
+ On-chain |
+ Пользователь |
+ Контент |
+ Дата |
+
+
+
+ {items.length === 0 ? (
+
+ |
+ Ничего не найдено.
+ |
+
+ ) : (
+ items.map((license) => (
+
+ |
+ #{numberFormatter.format(license.id)}
+ {license.type ?? "—"} · {license.status ?? "—"}
+
+ license_type: {license.license_type ?? "—"}
+
+ |
+
+ {license.onchain_address ? (
+
+ {license.onchain_address}
+
+ ) : (
+ —
+ )}
+
+ Владелец: {license.owner_address ?? "—"}
+
+ |
+
+ {license.user ? (
+
+ ID {numberFormatter.format(license.user.id)} · TG {numberFormatter.format(license.user.telegram_id)}
+
+ ) : (
+ —
+ )}
+ |
+
+ {license.content ? (
+ <>
+ {license.content.title}
+
+ {license.content.hash}
+
+
+ ) : (
+ —
+ )}
+ |
+
+ Создано: {formatDate(license.created_at)}
+ Обновлено: {formatDate(license.updated_at)}
+ |
+
+ ))
+ )}
+
+
+
+ );
+};
diff --git a/src/pages/admin/sections/Nodes.tsx b/src/pages/admin/sections/Nodes.tsx
new file mode 100644
index 0000000..78af1e9
--- /dev/null
+++ b/src/pages/admin/sections/Nodes.tsx
@@ -0,0 +1,100 @@
+import { ChangeEvent, useMemo } from "react";
+
+import { useAdminNodeSetRole, useAdminNodes } from "~/shared/services/admin";
+import { Section } from "../components";
+import { useAdminContext } from "../context";
+import { formatDate, formatUnknown } from "../utils/format";
+
+export const AdminNodesPage = () => {
+ const { isAuthorized, handleRequestError, pushFlash } = useAdminContext();
+
+ const nodesQuery = useAdminNodes({
+ enabled: isAuthorized,
+ refetchInterval: 60_000,
+ onError: (error) => handleRequestError(error, "Не удалось загрузить список нод"),
+ });
+
+ const nodeRoleMutation = useAdminNodeSetRole({
+ onSuccess: async ({ node }) => {
+ pushFlash({
+ type: "success",
+ message: `Роль узла ${node.public_key ?? node.ip ?? ""} обновлена до ${node.role}`,
+ });
+ await nodesQuery.refetch();
+ },
+ onError: (error) => handleRequestError(error, "Не удалось обновить роль узла"),
+ });
+
+ const items = nodesQuery.data?.items ?? [];
+
+ const handleRoleChange = (publicKey: string | null, host: string | null) => {
+ return (event: ChangeEvent
) => {
+ const role = event.target.value as "trusted" | "read-only" | "deny";
+ nodeRoleMutation.mutate({
+ role,
+ public_key: publicKey ?? undefined,
+ host: host ?? undefined,
+ });
+ };
+ };
+
+ const sortedItems = useMemo(() => {
+ return [...items].sort((a, b) => {
+ const aSeen = a.last_seen ? new Date(a.last_seen).getTime() : 0;
+ const bSeen = b.last_seen ? new Date(b.last_seen).getTime() : 0;
+ return bSeen - aSeen;
+ });
+ }, [items]);
+
+ if (!nodesQuery.data) {
+ return nodesQuery.isLoading ? (
+
+ ) : null;
+ }
+
+ return (
+
+
+
+
+
+ | IP |
+ Порт |
+ Публичный ключ |
+ Роль |
+ Версия |
+ Последний онлайн |
+ Заметки |
+
+
+
+ {sortedItems.map((node, index) => (
+
+ | {node.ip || "—"} |
+ {node.port ?? "—"} |
+ {node.public_key || "—"} |
+
+
+ |
+ {node.version || "—"} |
+ {formatDate(node.last_seen)} |
+ {formatUnknown(node.notes)} |
+
+ ))}
+
+
+
+ {overviewCards.map((card) => (
+
+
{card.label}
+
{card.value}
+ {card.helper ?
{card.helper}
: null}
+
+ ))}
+
+
+
Проект
+
+ {project.host || "—"}
+ {project.name}
+ {project.privacy}
+ {ton.testnet ? "Да" : "Нет"}
+ {ton.api_key_configured ? "Настроен" : "Нет"}
+ {ton.host || "—"}
+
+
+
+
Среда выполнения
+
+ {runtime.python}
+ {runtime.implementation}
+ {runtime.platform}
+ {formatDate(runtime.utc_now)}
+
+
+
+
+
IPFS
+
+ {formatUnknown((ipfs.identity as Record)?.ID)}
+ {formatUnknown((ipfs.identity as Record)?.AgentVersion)}
+ {numberFormatter.format(Number((ipfs.bitswap as Record)?.Peers ?? 0))}
+ {formatBytes(Number((ipfs.repo as Record)?.RepoSize ?? 0))}
+ {formatBytes(Number((ipfs.repo as Record)?.StorageMax ?? 0))}
+
+
+
+
Выберите вкладку «Платежи Stars», чтобы загрузить данные.
+
+ );
+ }
+
+ const { items, stats, total } = starsQuery.data;
+ const typeOptions = Object.keys(stats.by_type || {});
+
+ const statCards = [
+ { label: "Всего платежей", value: numberFormatter.format(stats.total) },
+ { label: "Оплачено", value: `${numberFormatter.format(stats.paid)} · ${formatStars(stats.amount_paid)}` },
+ { label: "Неоплачено", value: `${numberFormatter.format(stats.unpaid)} · ${formatStars(stats.amount_unpaid)}` },
+ ];
+
+ return (
+ starsQuery.refetch()}
+ disabled={starsQuery.isFetching}
+ >
+ {starsQuery.isFetching ? "Обновляем…" : "Обновить"}
+
+ }
+ >
+
+ {statCards.map((card) => (
+
+
{card.label}
+
{card.value}
+
+ ))}
+
+
+
+
+ setSearch(event.target.value)}
+ placeholder="ID, ссылка, контент"
+ className="w-full rounded-lg border border-slate-700 bg-slate-900 px-3 py-2 text-sm text-slate-100 placeholder:text-slate-500 focus:border-sky-500 focus:outline-none focus:ring-1 focus:ring-sky-500 md:w-64"
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Инвойс |
+ Сумма |
+ Пользователь |
+ Контент |
+ Создан |
+
+
+
+ {items.length === 0 ? (
+
+ |
+ Платежей не найдено.
+ |
+
+ ) : (
+ items.map((invoice) => (
+
+ |
+
+ #{numberFormatter.format(invoice.id)} · {invoice.type ?? "—"}
+
+ {invoice.external_id}
+ {invoice.invoice_url ? (
+
+ Открыть счёт
+
+ ) : null}
+ |
+
+ {formatStars(invoice.amount)}
+ {invoice.status}
+ |
+
+ {invoice.user ? (
+
+ ID {numberFormatter.format(invoice.user.id)} · TG {numberFormatter.format(invoice.user.telegram_id)}
+
+ ) : (
+ —
+ )}
+ |
+
+ {invoice.content ? (
+ <>
+ {invoice.content.title}
+
+ {invoice.content.hash}
+
+
+ ) : (
+ —
+ )}
+ |
+ {formatDate(invoice.created_at)} |
+
+ ))
+ )}
+
+
+
+
+
+
IPFS
+
+
+ {formatBytes(Number((ipfs.repo as Record)?.RepoSize ?? 0))}
+
+
+ {formatBytes(Number((ipfs.repo as Record)?.StorageMax ?? 0))}
+
+
+ {numberFormatter.format(Number((ipfs.bitswap as Record)?.Peers ?? 0))}
+
+
+ {numberFormatter.format(Number((ipfs.bitswap as Record)?.BlocksReceived ?? 0))}
+
+
+
+
+
Pin-статистика
+
+ {Object.entries(pin_counts).map(([key, value]) => (
+
+ {numberFormatter.format(value)}
+
+ ))}
+ {numberFormatter.format(convert_backlog)}
+ {formatBytes(derivatives.total_bytes)}
+
+
+
+
+
+
+
+
+ | Путь |
+ Файлов |
+ Размер |
+ Состояние |
+
+
+
+ {directories.map((dir) => (
+
+ | {dir.path} |
+ {numberFormatter.format(dir.file_count)} |
+ {formatBytes(dir.size_bytes)} |
+
+ {dir.exists ? "OK" : "Нет"}
+ |
+
+ ))}
+
+
+
+
Снимок диска
+
+ {disk.path}
+ {formatBytes(disk.free_bytes)}
+ {formatBytes(disk.used_bytes)}
+ {formatBytes(disk.total_bytes)}
+ {disk.percent_used != null ? `${disk.percent_used}%` : "—"}
+
+
+
Деривативы
+
+ {numberFormatter.format(derivatives.ready)}
+ {numberFormatter.format(derivatives.processing)}
+ {numberFormatter.format(derivatives.pending)}
+ {numberFormatter.format(derivatives.failed)}
+ {formatBytes(derivatives.total_bytes)}
+
+
+
+
Окружение
+
+ {Object.entries(env).map(([key, value]) => (
+
+ {formatUnknown(value)}
+
+ ))}
+
+
+
+
Задачи блокчейна
+
+ {Object.entries(blockchain_tasks).map(([key, value]) => (
+
+ {numberFormatter.format(value)}
+
+ ))}
+
+
Последние индексы
+
+
+
+
ServiceConfig
+
+
+
+
+ | Ключ |
+ Значение |
+ RAW |
+
+
+
+ {service_config.map((item) => (
+
+ | {item.key} |
+ {formatUnknown(item.value)} |
+ {formatUnknown(item.raw)} |
+
+ ))}
+
+
+
+
+
Сервисы
+
+ {services.map((service) => (
+ -
+ {service.name}
+ {service.status ?? "—"}
+
+ ))}
+
+
+
+
+
{item.title || "Без названия"}
+
{item.description || "Описание не задано"}
+
+ {flags?.ready ? готово : null}
+ {flags?.issues ? проблемы : null}
+ {flags?.processing ? в обработке : null}
+ {flags?.unindexed ? без индекса : null}
+
+
+
+ {formatDate(item.created_at)}
+ {formatDate(item.updated_at)}
+ {item.size.plain ? {formatBytes(item.size.plain)} : null}
+
+
+
+
+
+
+
On-chain
+
+
+ {item.encrypted_cid}
+
+
+ {item.metadata_cid ?? "—"}
+
+
+ {item.content_hash ?? "—"}
+
+
+ {item.status.onchain?.indexed ? (
+
+ indexed
+ {item.status.onchain?.onchain_index ?? "—"}
+
+ ) : (
+ не опубликовано
+ )}
+
+
+ {item.status.onchain?.item_address ?? "—"}
+
+
+
+
+
+
Статусы
+
+
+
Загрузка
+
{item.status.upload_state ?? "—"}
+
+
+
Конверсия
+
{item.status.conversion_state ?? "—"}
+
+
+
IPFS
+
{item.status.ipfs_state ?? "—"}
+
+
+
+
+
+
+ {problemMessages.length > 0 ? (
+
+
Проблемы
+
+ {problemMessages.map((message, index) => (
+ - {message}
+ ))}
+
+
+ ) : null}
+
+
+
+
+
+
+
IPFS
+ {item.ipfs ? (
+
+
Статус: {item.ipfs.pin_state ?? "—"}
+
Ошибка: {item.ipfs.pin_error ?? "—"}
+
Fetched: {formatBytes(item.ipfs.bytes_fetched)}
+
Total: {formatBytes(item.ipfs.bytes_total)}
+
{formatDate(item.ipfs.updated_at)}
+
+ ) : (
+
Нет информации.
+ )}
+
+
+
+
Хранение
+ {item.stored ? (
+
+
ID: {item.stored.stored_id ?? "—"}
+
Владелец: {item.stored.owner_address ?? "—"}
+
Тип: {item.stored.type ?? "—"}
+ {item.stored.user ? (
+
Пользователь #{item.stored.user.id} · TG {item.stored.user.telegram_id}
+ ) : null}
+ {item.stored.download_url ? (
+
+ Скачать оригинал
+
+ ) : null}
+
+ ) : (
+
В хранилище не найден.
+ )}
+
+
+ {derivativeDownloads.length > 0 ? (
+
+ ) : null}
+
+
+
+ {Object.entries(states ?? {}).map(([key, value]) => (
+
+
{key}
+
{numberFormatter.format(value)}
+
+ ))}
+
+
Всего
+
{numberFormatter.format(total)}
+
Отфильтровано: {numberFormatter.format(filteredContents.length)}
+
+
+
Активные задачи
+
{numberCompact.format(categoryCounts.processing)}
+
{numberFormatter.format(categoryCounts.issues)} с ошибками
+
+
+
+ {filterOptions.map((option) => {
+ const isActive = option.id === uploadsFilter;
+ return (
+
+ );
+ })}
+ {filtersActive ? (
+
+ ) : null}
+
+
+ setUploadsSearch(event.target.value)}
+ placeholder="Название, CID, пользователь…"
+ className="w-full rounded-lg border border-slate-700 bg-slate-900 px-3 py-2 text-sm text-slate-100 placeholder:text-slate-500 focus:border-sky-500 focus:outline-none focus:ring-1 focus:ring-sky-500"
+ />
+
+
+
Последние проблемы
+
+ {issueEntries.map((entry) => (
+ -
+ {entry.item.title || entry.item.encrypted_cid}
+ {formatDate(entry.item.updated_at)}
+
+ ))}
+
+
+ Под подходящие условия не найдено загрузок.
+
+ ) : (
+
+ {filteredEntries.map((entry) => (
+
+ ))}
+
+ )}
+
+
+
Последние события
+
+
+
+
+ | ID |
+ Файл |
+ Размер |
+ Состояние |
+ CID |
+ Ошибка |
+ Обновлено |
+
+
+
+ {recent.map((task) => (
+
+ | {task.id} |
+ {task.filename ?? "—"} |
+ {formatBytes(task.size_bytes)} |
+
+
+ {task.state}
+
+ |
+ {task.encrypted_cid ?? "—"} |
+ {task.error ?? "—"} |
+ {formatDate(task.updated_at)} |
+
+ ))}
+
+
+
+
Выберите вкладку «Пользователи», чтобы загрузить данные.
+
+ );
+ }
+
+ const { items, summary, total } = usersQuery.data;
+ const summaryCards = [
+ {
+ label: "Всего пользователей",
+ value: numberFormatter.format(total),
+ helper: `На странице: ${numberFormatter.format(summary.users_returned)}`,
+ },
+ {
+ label: "Кошельки (активные/всего)",
+ value: `${numberFormatter.format(summary.wallets_active)} / ${numberFormatter.format(summary.wallets_total)}`,
+ },
+ {
+ label: "Оплачено Stars",
+ value: formatStars(summary.stars_amount_paid),
+ helper: `${numberFormatter.format(summary.stars_paid)} платежей`,
+ },
+ {
+ label: "Неоплачено",
+ value: formatStars(summary.stars_amount_unpaid),
+ helper: `${numberFormatter.format(summary.stars_unpaid)} счетов`,
+ },
+ ];
+
+ return (
+ usersQuery.refetch()}
+ disabled={usersQuery.isFetching}
+ >
+ {usersQuery.isFetching ? "Обновляем…" : "Обновить"}
+
+ }
+ >
+
+ {summaryCards.map((card) => (
+
+
{card.label}
+
{card.value}
+ {card.helper ?
{card.helper}
: null}
+
+ ))}
+
+
+
+ setSearch(event.target.value)}
+ placeholder="ID, Telegram, username, адрес"
+ className="w-full rounded-lg border border-slate-700 bg-slate-900 px-3 py-2 text-sm text-slate-100 placeholder:text-slate-500 focus:border-sky-500 focus:outline-none focus:ring-1 focus:ring-sky-500 md:w-72"
+ />
+
+
+
+
+
+
+
+
+ | Пользователь |
+ Кошельки |
+ Stars |
+ Лицензии |
+ Активность |
+ Дата |
+
+
+
+ {items.length === 0 ? (
+
+ |
+ Нет пользователей, удовлетворяющих условиям.
+ |
+
+ ) : (
+ items.map((user) => (
+
+ |
+ {user.username ? `@${user.username}` : "Без username"}
+
+ ID {numberFormatter.format(user.id)} · TG {numberFormatter.format(user.telegram_id)}
+
+ {user.first_name || user.last_name ? (
+
+ {(user.first_name ?? "")} {(user.last_name ?? "")}
+
+ ) : null}
+ |
+
+
+ Активных {numberFormatter.format(user.wallets.active_count)} / всего{" "}
+ {numberFormatter.format(user.wallets.total_count)}
+
+ {user.wallets.primary_address ?? "—"}
+ |
+
+ {formatStars(user.stars.amount_total)}
+ Оплачено: {formatStars(user.stars.amount_paid)}
+ Неоплачено: {formatStars(user.stars.amount_unpaid)}
+ |
+
+ Всего {numberFormatter.format(user.licenses.total)}
+ Активных {numberFormatter.format(user.licenses.active)}
+ |
+
+ {user.ip_activity.last ? (
+
+ {user.ip_activity.last.ip ?? "—"} · {formatDate(user.ip_activity.last.seen_at)}
+
+ ) : (
+ Нет данных
+ )}
+ |
+
+ Создан: {formatDate(user.created_at)}
+ Последний вход: {formatDate(user.last_use)}
+ |
+
+ ))
+ )}
+
+
+