arkorty/DownLink
1
0
Fork 0
mirror of https://github.com/arkorty/DownLink.git synced 2026-03-17 16:51:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: do not render the processing bar when progress is more than 0%

Browse Source
This commit is contained in:
Arkaprabha Chakraborty
2024-08-09 02:29:39 +05:30
parent ab699dc260
commit 95644266c5
2 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/bun.lockb
View File

Binary file not shown.

17
frontend/src/components/DownloadForm.js
View File

@@ -58,18 +58,13 @@ const DownloadForm = () => {
return "bg-blue-500"; // Default color when not processing
};
const getBarStyle = () => {
if (message === "Download complete" || message === "Download failed") {
return { transition: "width 0.5s ease-in-out" };
}
return { transition: "width 0.5s ease-in-out" };
};
const getBarStyle = () => ({
transition: "width 0.5s ease-in-out",
});
const getAnimationStyle = () => {
if (message === "Download complete" || message === "Download failed") {
return { animation: "none" };
}
return { animation: "loading 1.5s infinite" };
// Hide the loading animation when progress is greater than 0
return progress === 0 ? { animation: "loading 1.5s infinite" } : {};
};
useEffect(() => {
@@ -136,7 +131,7 @@ const DownloadForm = () => {
...getBarStyle(),
}}
></div>
{isProcessing && (
{isProcessing && progress === 0 && (
<div
className={`absolute top-0 left-0 w-full h-full bg-blue-300 rounded-full`}
style={getAnimationStyle()}