feat: animate load detail entry icon

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

No files matched your search

+14 -2
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>