feat: animate load detail entry icon

This commit is contained in:
aits2026
2026-03-06 17:09:23 +08:00
parent 438581834e
commit 57e8a96a4a
2 changed files with 70 additions and 2 deletions

View File

@@ -5580,6 +5580,14 @@ function ExportPage() {
}
return latest
}, [sessionLoadDetailRows])
const isSessionLoadDetailActive = useMemo(() => (
sessionLoadDetailRows.some(row => (
row.messageCount.statusLabel.startsWith('加载中') ||
row.mediaMetrics.statusLabel.startsWith('加载中') ||
row.snsPostCounts.statusLabel.startsWith('加载中') ||
row.mutualFriends.statusLabel.startsWith('加载中')
))
), [sessionLoadDetailRows])
const closeTaskCenter = useCallback(() => {
setIsTaskCenterOpen(false)
setExpandedPerfTaskId(null)
@@ -6093,11 +6101,15 @@ function ExportPage() {
]}
/>
<button
className="session-load-detail-entry"
className={`session-load-detail-entry ${isSessionLoadDetailActive ? 'active' : ''}`}
type="button"
onClick={() => setShowSessionLoadDetailModal(true)}
>
<ClipboardList size={14} />
<span className="session-load-detail-entry-icon" aria-hidden="true">
<span className="session-load-detail-entry-bar" />
<span className="session-load-detail-entry-bar" />
<span className="session-load-detail-entry-bar" />
</span>
<span></span>
</button>
</div>