hicccc77/WeFlow
1
0
Fork 0
mirror of https://github.com/hicccc77/WeFlow.git synced 2026-03-25 07:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(export): show spinner in load detail in-progress status

Browse Source
This commit is contained in:
aits2026
2026-03-05 17:15:33 +08:00
parent e6942bc201
commit 835ec4782c
2 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/ExportPage.scss
View File

@@ -228,6 +228,19 @@
} }
} }
.session-load-detail-status-cell {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
min-width: 0;
}
.session-load-detail-status-icon {
color: var(--text-tertiary);
flex-shrink: 0;
}
.global-export-controls { .global-export-controls {
background: var(--card-bg); background: var(--card-bg);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);

14
src/pages/ExportPage.tsx
View File

@@ -5014,7 +5014,12 @@ function ExportPage() {
{sessionLoadDetailRows.map((row) => ( {sessionLoadDetailRows.map((row) => (
<div className="session-load-detail-row" key={`message-${row.tab}`}> <div className="session-load-detail-row" key={`message-${row.tab}`}>
<span>{row.label}</span> <span>{row.label}</span>
<span>{row.messageCount.statusLabel}</span> <span className="session-load-detail-status-cell">
<span>{row.messageCount.statusLabel}</span>
{row.messageCount.statusLabel.startsWith('加载中') && (
<Loader2 size={12} className="spin session-load-detail-status-icon" aria-label="加载中" />
)}
</span>
<span>{formatLoadDetailTime(row.messageCount.startedAt)}</span> <span>{formatLoadDetailTime(row.messageCount.startedAt)}</span>
<span>{formatLoadDetailTime(row.messageCount.finishedAt)}</span> <span>{formatLoadDetailTime(row.messageCount.finishedAt)}</span>
</div> </div>
@@ -5034,7 +5039,12 @@ function ExportPage() {
{sessionLoadDetailRows.map((row) => ( {sessionLoadDetailRows.map((row) => (
<div className="session-load-detail-row" key={`media-${row.tab}`}> <div className="session-load-detail-row" key={`media-${row.tab}`}>
<span>{row.label}</span> <span>{row.label}</span>
<span>{row.mediaMetrics.statusLabel}</span> <span className="session-load-detail-status-cell">
<span>{row.mediaMetrics.statusLabel}</span>
{row.mediaMetrics.statusLabel.startsWith('加载中') && (
<Loader2 size={12} className="spin session-load-detail-status-icon" aria-label="加载中" />
)}
</span>
<span>{formatLoadDetailTime(row.mediaMetrics.startedAt)}</span> <span>{formatLoadDetailTime(row.mediaMetrics.startedAt)}</span>
<span>{formatLoadDetailTime(row.mediaMetrics.finishedAt)}</span> <span>{formatLoadDetailTime(row.mediaMetrics.finishedAt)}</span>
</div> </div>