LyAhn/vibepod
1
0
Fork 0
mirror of https://github.com/JezzWTF/vibepod.git synced 2026-06-01 15:22:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4 from JezzWTF/jules-refactor-spinner-7897005482205256093

Browse Source 
🧹 [Code Health] Extract duplicated SVG spinner into a shared component
This commit is contained in:
LyAhn
2026-04-28 15:56:40 +01:00
committed by GitHub
parent fa0c5ec916 2d2ab26994
commit 59d3280cb5
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/components/GenerationControls.tsx
+12 -8
View File
@@ -35,6 +35,16 @@ const STATUS_CONFIG: Record<
error: { color: "var(--error)", label: () => "Server error — check the terminal for details." },
};
function SpinnerIcon() {
return (
<svg className="animate-spin w-4 h-4" viewBox="0 0 24 24" fill="none">
<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
</svg>
);
}
export default function GenerationControls({
speaker,
availableVoices,
@@ -237,18 +247,12 @@ export default function GenerationControls({
>
{isGenerating ? (
<>
<svg className="animate-spin w-4 h-4" viewBox="0 0 24 24" fill="none">
<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
</svg>
<SpinnerIcon />
Generating...
</>
) : !serverReady ? (
<>
<svg className="animate-spin w-4 h-4" viewBox="0 0 24 24" fill="none">
<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
</svg>
<SpinnerIcon />
{serverStatus === "downloading" ? "Downloading model..." : "Waiting for server..."}
</>
) : (