Skip to content

Commit d3231fc

Browse files
built-by-asclaude
andcommitted
Add animated spinner to MCP add button loading state
Shows loading-spinner animation alongside "Adding..." text while waiting for MCP server addition to complete. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
1 parent 4dce901 commit d3231fc

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

renderer.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1133,8 +1133,8 @@ addMcpBtn?.addEventListener("click", async () => {
11331133
}
11341134

11351135
// Show loading state
1136-
const originalText = addMcpBtn.textContent;
1137-
addMcpBtn.textContent = "Adding...";
1136+
const originalText = addMcpBtn.innerHTML;
1137+
addMcpBtn.innerHTML = '<span class="loading-spinner"></span> Adding...';
11381138
addMcpBtn.disabled = true;
11391139
addMcpBtn.classList.add("opacity-50", "cursor-not-allowed");
11401140

@@ -1147,7 +1147,7 @@ addMcpBtn?.addEventListener("click", async () => {
11471147
alert(`Failed to add server: ${error}`);
11481148
} finally {
11491149
// Reset button state
1150-
addMcpBtn.textContent = originalText;
1150+
addMcpBtn.innerHTML = originalText;
11511151
addMcpBtn.disabled = false;
11521152
addMcpBtn.classList.remove("opacity-50", "cursor-not-allowed");
11531153
}

0 commit comments

Comments
 (0)