gsadmin/Firelink
1
0
Fork 0
mirror of https://github.com/nimbold/Firelink.git synced 2026-08-25 01:57:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): apply initial progress state on mount to prevent 0% blink

Browse Source
This commit is contained in:
NimBold
2026-06-29 21:30:30 +03:30
parent cf0af00887
commit 220290f6f0
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/DownloadItem.tsx
+8 -3
View File
@@ -55,10 +55,8 @@ export const DownloadItem = React.memo<DownloadItemProps>(({
useEffect(() => { useEffect(() => {
if (!download || download.status !== 'downloading') return; if (!download || download.status !== 'downloading') return;
const unsubscribe = useDownloadProgressStore.subscribe((state) => { const applyProgress = (progress: any) => {
const progress = state.progressMap[downloadId];
if (!progress) return; if (!progress) return;
if (progressBarRef.current) { if (progressBarRef.current) {
progressBarRef.current.style.width = `${progress.fraction * 100}%`; progressBarRef.current.style.width = `${progress.fraction * 100}%`;
} }
@@ -74,6 +72,13 @@ export const DownloadItem = React.memo<DownloadItemProps>(({
etaTextRef.current.innerText = progress.eta; etaTextRef.current.innerText = progress.eta;
etaTextRef.current.title = progress.eta; etaTextRef.current.title = progress.eta;
} }
};
// Apply immediate state on mount
applyProgress(useDownloadProgressStore.getState().progressMap[downloadId]);
const unsubscribe = useDownloadProgressStore.subscribe((state) => {
applyProgress(state.progressMap[downloadId]);
}); });
return () => unsubscribe(); return () => unsubscribe();