CalvinBackup/donutbrowser
1
0
Fork 0
mirror of https://github.com/zhom/donutbrowser.git synced 2026-09-22 17:30:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: icons have monotonic color

Browse Source
This commit is contained in:
zhom
2025-08-13 09:24:05 +04:00
parent 32e70a5943
commit b12d3af3bd
1 changed files with 7 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/app-update-toast.tsx
+7 -13
View File
@@ -17,26 +17,20 @@ interface AppUpdateToastProps {
function getStageIcon(stage?: string, isUpdating?: boolean) { function getStageIcon(stage?: string, isUpdating?: boolean) {
if (!isUpdating) { if (!isUpdating) {
return <FaDownload className="flex-shrink-0 w-5 h-5 text-blue-500" />; return <FaDownload className="flex-shrink-0 w-5 h-5" />;
} }
switch (stage) { switch (stage) {
case "downloading": case "downloading":
return <FaDownload className="flex-shrink-0 w-5 h-5 text-blue-500" />; return <FaDownload className="flex-shrink-0 w-5 h-5" />;
case "extracting": case "extracting":
return ( return <LuRefreshCw className="flex-shrink-0 w-5 h-5 animate-spin" />;
<LuRefreshCw className="flex-shrink-0 w-5 h-5 text-blue-500 animate-spin" />
);
case "installing": case "installing":
return ( return <LuCog className="flex-shrink-0 w-5 h-5 animate-spin" />;
<LuCog className="flex-shrink-0 w-5 h-5 text-blue-500 animate-spin" />
);
case "completed": case "completed":
return <LuCheckCheck className="flex-shrink-0 w-5 h-5 text-green-500" />; return <LuCheckCheck className="flex-shrink-0 w-5 h-5" />;
default: default:
return ( return <LuRefreshCw className="flex-shrink-0 w-5 h-5 animate-spin" />;
<LuRefreshCw className="flex-shrink-0 w-5 h-5 text-blue-500 animate-spin" />
);
} }
} }
@@ -79,7 +73,7 @@ export function AppUpdateToast({
updateProgress.stage === "completed"); updateProgress.stage === "completed");
return ( return (
<div className="flex items-start p-4 w-full max-w-md bg-card rounded-lg border border-border shadow-lg text-card-foreground"> <div className="flex items-start p-4 w-full max-w-md rounded-lg border shadow-lg bg-card border-border text-card-foreground">
<div className="mr-3 mt-0.5"> <div className="mr-3 mt-0.5">
{getStageIcon(updateProgress?.stage, isUpdating)} {getStageIcon(updateProgress?.stage, isUpdating)}
</div> </div>