Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-06-05 12:44:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

feat(clients): show last-online tooltip on the depleted tag too

Browse source 
The Online column already surfaced last-online on the offline tag; extend the same tooltip to the depleted (ended) tag so a depleted client's last activity is visible without enabling it.
This commit is contained in:
MHSanaei 2026-06-01 08:50:45 +02:00
parent 88a3677318
commit cfd3b34362
No known key found for this signature in database
GPG key ID: 7E4060F2FBE5AB7A
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/pages/clients/ClientsPage.tsx
View file

@ -627,15 +627,20 @@ export default function ClientsPage() {
width: 90, width: 90,
render: (_v, record) => { render: (_v, record) => {
const bucket = clientBucket(record); const bucket = clientBucket(record);
if (bucket === 'depleted') return <Tag color="red">{t('depleted')}</Tag>; const lastOnline = record.traffic?.lastOnline ?? 0;
const lastOnlineTitle = `${t('lastOnline')}: ${lastOnline > 0 ? IntlUtil.formatDate(lastOnline, datepicker) : '-'}`;
if (bucket === 'depleted') return (
<Tooltip title={lastOnlineTitle}>
<Tag color="red">{t('depleted')}</Tag>
</Tooltip>
);
if (record.enable && isOnline(record.email)) return ( if (record.enable && isOnline(record.email)) return (
<Tag color="green"><span className="online-dot" />{t('pages.clients.online')}</Tag> <Tag color="green"><span className="online-dot" />{t('pages.clients.online')}</Tag>
); );
if (!record.enable) return <Tag>{t('disabled')}</Tag>; if (!record.enable) return <Tag>{t('disabled')}</Tag>;
if (bucket === 'expiring') return <Tag color="orange">{t('depletingSoon')}</Tag>; if (bucket === 'expiring') return <Tag color="orange">{t('depletingSoon')}</Tag>;
const lastOnline = record.traffic?.lastOnline ?? 0;
return ( return (
<Tooltip title={`${t('lastOnline')}: ${lastOnline > 0 ? IntlUtil.formatDate(lastOnline, datepicker) : '-'}`}> <Tooltip title={lastOnlineTitle}>
<Tag>{t('pages.clients.offline')}</Tag> <Tag>{t('pages.clients.offline')}</Tag>
</Tooltip> </Tooltip>
); );