Cool_Tools/upscayl
1
0
Fork 0
mirror of https://github.com/upscayl/upscayl.git synced 2024-11-23 23:21:05 +01:00
Code Releases Wiki Activity

Remove circle bar

Browse Source
This commit is contained in:
Nayam Amarshe 2024-08-31 16:35:53 +05:30
parent b22aa99bd6
commit de34063565
2 changed files with 39 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
electron/index.ts
View File

@ -40,6 +40,11 @@ app.on("ready", async () => {
autoUpdater.checkForUpdates();
}
log.info(
"🆙 Upscayl version:",
app.getVersion(),
featureFlags.APP_STORE_BUILD && "MAC-APP-STORE",
);
log.info("🚀 UPSCAYL EXEC PATH: ", execPath);
log.info("🚀 MODELS PATH: ", modelsPath);

47
renderer/components/upscayl-tab/view/ProgressBar.tsx
View File

@ -1,4 +1,4 @@
import React, { useEffect } from "react";
import React, { CSSProperties, useEffect, useMemo } from "react";
import Spinner from "../../icons/Spinner";
import Logo from "@/components/icons/Logo";
@ -23,22 +23,43 @@ function ProgressBar({
}
}, [progress]);
// const progressStyle = useMemo(() => {
// if (progress.includes("%")) {
// return {
// "--value": parseFloat(progress.replace("%", "")),
// };
// } else if (progress.includes("Success")) {
// return {
// "--value": 100,
// };
// }
// return {
// "--value": 0,
// };
// }, [progress]);
return (
<div className="absolute z-50 flex h-full w-full flex-col items-center justify-center bg-base-300/50 backdrop-blur-lg">
<div className="flex flex-col items-center rounded-btn bg-base-100/50 p-4 backdrop-blur-lg">
<Logo className="spinner mb-4 h-12 w-12" />
<div className="flex flex-col items-center gap-2 rounded-btn bg-base-100/50 p-4 backdrop-blur-lg">
<Logo className="spinner h-12 w-12" />
<p className="rounded-full px-2 pb-2 font-bold">
{batchMode && `Batch Upscayl In Progress: ${batchProgress}` }
</p>
{progress !== "Hold on..." ? (
<div className="radial-progress text-center" style={{ "--value": parseFloat(progress.replace("%", '')) }} role="progressbar" aria-valuenow={ parseFloat(progress.replace("%", '')) } aria-valuemin="0" aria-valuemax="100">
{progress}
{!batchMode && (doubleUpscaylCounter > 0) && "\nPass " + doubleUpscaylCounter}
</div>
) : progress}
<p className="animate-pulse rounded-full px-2 pb-3 text-sm font-medium">
Doing the Upscayl magic...
{batchMode && `Batch Upscayl In Progress: ${batchProgress}`}
</p>
<div className="flex flex-col items-center gap-1">
{progress !== "Hold on..." ? (
<p className="text-sm font-bold">
{progress}
{!batchMode &&
doubleUpscaylCounter > 0 &&
"\nPass " + doubleUpscaylCounter}
</p>
) : (
<p className="text-sm font-bold">{progress}</p>
)}
<p className="animate-pulse rounded-full px-2 pb-3 text-xs font-medium text-neutral-content/50">
Doing the Upscayl magic...
</p>
</div>
<button onClick={stopHandler} className="btn btn-outline">
STOP
</button>