fix: apply continuous progress bar to erase-object and OCR

Same fix as the hook: upload=0-15%, server processing=15-100%.
This commit is contained in:
Siddharth Kumar Sah
2026-03-23 09:49:20 +08:00
parent 28cd950ede
commit 8db84a753c
2 changed files with 6 additions and 6 deletions
@@ -50,7 +50,7 @@ export function EraseObjectSettings() {
const data = JSON.parse(event.data); const data = JSON.parse(event.data);
if (data.type === "single" && typeof data.percent === "number") { if (data.type === "single" && typeof data.percent === "number") {
setProgressPhase("processing"); setProgressPhase("processing");
setProgressPercent(data.percent); setProgressPercent(15 + (data.percent / 100) * 85);
setProgressStage(data.stage); setProgressStage(data.stage);
} }
} catch {} } catch {}
@@ -65,12 +65,12 @@ export function EraseObjectSettings() {
const xhr = new XMLHttpRequest(); const xhr = new XMLHttpRequest();
xhr.upload.onprogress = (e) => { xhr.upload.onprogress = (e) => {
if (e.lengthComputable) { if (e.lengthComputable) {
setProgressPercent((e.loaded / e.total) * 100); setProgressPercent((e.loaded / e.total) * 15);
} }
}; };
xhr.upload.onload = () => { xhr.upload.onload = () => {
setProgressPhase("processing"); setProgressPhase("processing");
setProgressPercent(0); setProgressPercent(15);
setProgressStage("Starting..."); setProgressStage("Starting...");
}; };
xhr.onload = () => { xhr.onload = () => {
@@ -58,7 +58,7 @@ export function OcrSettings() {
const data = JSON.parse(event.data); const data = JSON.parse(event.data);
if (data.type === "single" && typeof data.percent === "number") { if (data.type === "single" && typeof data.percent === "number") {
setProgressPhase("processing"); setProgressPhase("processing");
setProgressPercent(data.percent); setProgressPercent(15 + (data.percent / 100) * 85);
setProgressStage(data.stage); setProgressStage(data.stage);
} }
} catch {} } catch {}
@@ -73,12 +73,12 @@ export function OcrSettings() {
const xhr = new XMLHttpRequest(); const xhr = new XMLHttpRequest();
xhr.upload.onprogress = (e) => { xhr.upload.onprogress = (e) => {
if (e.lengthComputable) { if (e.lengthComputable) {
setProgressPercent((e.loaded / e.total) * 100); setProgressPercent((e.loaded / e.total) * 15);
} }
}; };
xhr.upload.onload = () => { xhr.upload.onload = () => {
setProgressPhase("processing"); setProgressPhase("processing");
setProgressPercent(0); setProgressPercent(15);
setProgressStage("Starting..."); setProgressStage("Starting...");
}; };
xhr.onload = () => { xhr.onload = () => {