xinyin025/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-08-14 15:20:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): blink the online dot in mobile client cards like desktop

Browse Source 
The mobile card rendered a static antd Badge for every bucket. When the
client is enabled, online, and not depleted, render the same animated
online-dot span the desktop Online column and the nodes list use.
This commit is contained in:
MHSanaei
2026-06-11 14:05:10 +02:00
parent aeb2217ae5
commit dc52e725b6
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/clients/ClientsPage.tsx
+3 -1
View File
@@ -1141,7 +1141,9 @@ export default function ClientsPage() {
checked={selectedRowKeys.includes(row.email)} checked={selectedRowKeys.includes(row.email)}
onChange={(e) => toggleSelect(row.email, e.target.checked)} onChange={(e) => toggleSelect(row.email, e.target.checked)}
/> />
<Badge status={bucketBadgeStatus(bucket)} /> {row.enable && bucket !== 'depleted' && isOnline(row.email)
? <span className="online-dot" style={{ marginInlineEnd: 0 }} />
: <Badge status={bucketBadgeStatus(bucket)} />}
<span className="tag-name">{row.email}</span> <span className="tag-name">{row.email}</span>
{bucket === 'depleted' && <Tag color="red" className="status-tag">{t('depleted')}</Tag>} {bucket === 'depleted' && <Tag color="red" className="status-tag">{t('depleted')}</Tag>}
{bucket === 'expiring' && <Tag color="orange" className="status-tag">{t('depletingSoon')}</Tag>} {bucket === 'expiring' && <Tag color="orange" className="status-tag">{t('depletingSoon')}</Tag>}