fix render mcp logo

This commit is contained in:
Ishaan Jaff 2025-06-13 14:48:22 -07:00
parent 54b14ac631
commit 31dde89f15

View file

@ -13,6 +13,10 @@ import { createMCPServer } from "../networking";
import { MCPServer } from "./types";
import { isAdminRole } from "@/utils/roles";
const asset_logos_folder = '../ui/assets/logos/';
export const mcpLogoImg = `${asset_logos_folder}mcp_logo.png`;
interface CreateMCPServerProps {
userRole: string;
accessToken: string | null;
@ -77,12 +81,10 @@ const CreateMCPServer: React.FC<CreateMCPServerProps> = ({
<div className="flex items-center space-x-3 pb-4 border-b border-gray-100">
<div className="w-10 h-10 bg-white rounded-lg flex items-center justify-center shadow-sm border border-gray-200">
<img
src="/assets/logos/mcp_logo.png"
src={mcpLogoImg}
alt="MCP Logo"
className="w-8 h-8 object-contain"
/>
</div>
<div>
<h2 className="text-xl font-semibold text-gray-900">Add New MCP Server</h2>
<p className="text-sm text-gray-500 mt-1">Configure your MCP server connection</p>
</div>
@ -238,7 +240,7 @@ const CreateMCPServer: React.FC<CreateMCPServerProps> = ({
variant="primary"
loading={isLoading}
>
{isLoading ? 'Creating...' : 'Create MCP Server'}
{isLoading ? 'Creating...' : 'Add MCP Server'}
</Button>
</div>
</Form>