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

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
+3 -1
View File
@@ -1141,7 +1141,9 @@ export default function ClientsPage() {
checked={selectedRowKeys.includes(row.email)}
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>
{bucket === 'depleted' && <Tag color="red" className="status-tag">{t('depleted')}</Tag>}
{bucket === 'expiring' && <Tag color="orange" className="status-tag">{t('depletingSoon')}</Tag>}