mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-06-30 09:34:21 +00:00
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:
@@ -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>}
|
||||
|
||||
Reference in New Issue
Block a user