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 <noreply@anthropic.com>
This commit is contained in:
Amrit Subramanian 2025-10-07 23:28:45 -04:00
parent 4dce901166
commit d3231fcb15

View file

@ -1133,8 +1133,8 @@ addMcpBtn?.addEventListener("click", async () => {
}
// Show loading state
const originalText = addMcpBtn.textContent;
addMcpBtn.textContent = "Adding...";
const originalText = addMcpBtn.innerHTML;
addMcpBtn.innerHTML = '<span class="loading-spinner"></span> Adding...';
addMcpBtn.disabled = true;
addMcpBtn.classList.add("opacity-50", "cursor-not-allowed");
@ -1147,7 +1147,7 @@ addMcpBtn?.addEventListener("click", async () => {
alert(`Failed to add server: ${error}`);
} finally {
// Reset button state
addMcpBtn.textContent = originalText;
addMcpBtn.innerHTML = originalText;
addMcpBtn.disabled = false;
addMcpBtn.classList.remove("opacity-50", "cursor-not-allowed");
}