From 34f25ff3ea039034f8d312ee366e90159561e973 Mon Sep 17 00:00:00 2001
From: NimBold <NimBold@users.noreply.github.com>
Date: Mon, 22 Jun 2026 21:52:05 +0330
Subject: [PATCH] fix: force DOM flush for speed and eta when download
 completes

---
 src/components/DownloadItem.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/DownloadItem.tsx b/src/components/DownloadItem.tsx
index 0b97ee1..9c2b172 100644
--- a/src/components/DownloadItem.tsx
+++ b/src/components/DownloadItem.tsx
@@ -125,6 +125,7 @@ export const DownloadItem = React.memo<DownloadItemProps>(({
               />
             </div>
             <span 
+            key={`status-${download.status}`}
             ref={statusTextRef}
             title={
               (download.status === 'queued' || download.status === 'staged') && queueIndex !== -1
@@ -165,6 +166,7 @@ export const DownloadItem = React.memo<DownloadItemProps>(({
       
       <div className="download-cell-truncate">
         <span
+          key={`speed-${download.status}`}
           ref={speedTextRef}
           className="tabular-nums"
           title={download.status === 'downloading' ? download.speed : download.status === 'processing' ? 'Processing…' : '-'}
@@ -175,6 +177,7 @@ export const DownloadItem = React.memo<DownloadItemProps>(({
 
       <div className="download-cell-truncate">
         <span
+          key={`eta-${download.status}`}
           ref={etaTextRef}
           className="tabular-nums"
           title={download.status === 'downloading' ? download.eta : download.status === 'processing' ? 'Muxing…' : '-'}