Merge pull request #673 from getmaxun/mcp-logo

feat: add mcp integration option
This commit is contained in:
Karishma Shukla
2025-07-03 15:09:28 +05:30
committed by GitHub
2 changed files with 27 additions and 1 deletions

15
public/svg/mcp.svg Normal file
View File

@@ -0,0 +1,15 @@
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='150' height='150' viewBox='0 0 150 150'>
<defs>
<clipPath id='clip-Custom_Size_mcp'>
<rect width='150' height='150'/>
</clipPath>
</defs>
<g id='Custom_Size_mcp' data-name='Custom Size mcp' clip-path='url(#clip-Custom_Size_mcp)'>
<rect width='150' height='150' fill='#fff'/>
<g id='mcp_icon' transform='translate(25.5 34.5) scale(4.125)'>
<title>ModelContextProtocol</title>
<path fill="currentColor" fill-rule="evenodd" d="M15.688 2.343a2.588 2.588 0 00-3.61 0l-9.626 9.44a.863.863 0 01-1.203 0 .823.823 0 010-1.18l9.626-9.44a4.313 4.313 0 016.016 0 4.116 4.116 0 011.204 3.54 4.3 4.3 0 013.609 1.18l.05.05a4.115 4.115 0 010 5.9l-8.706 8.537a.274.274 0 000 .393l1.788 1.754a.823.823 0 010 1.18.863.863 0 01-1.203 0l-1.788-1.753a1.92 1.92 0 010-2.754l8.706-8.538a2.47 2.47 0 000-3.54l-.05-.049a2.588 2.588 0 00-3.607-.003l-7.172 7.034-.002.002-.098.097a.863.863 0 01-1.204 0 .823.823 0 010-1.18l7.273-7.133a2.47 2.47 0 00-.003-3.537z"/>
<path fill="currentColor" fill-rule="evenodd" d="M14.485 4.703a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a4.115 4.115 0 000 5.9 4.314 4.314 0 006.016 0l7.12-6.982a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a2.588 2.588 0 01-3.61 0 2.47 2.47 0 010-3.54l7.12-6.982z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -730,6 +730,17 @@ export const IntegrationSettingsModal = ({
<img src="/svg/webhook.svg" alt="Webhook" style={{ margin: "6px" }} />
Webhooks
</Button>
<Button
variant="outlined"
onClick={() => {
window.open("https://docs.maxun.dev/mcp/setup", "_blank" "noopener,noreferrer");
}}
style={{ display: "flex", flexDirection: "column", alignItems: "center", background: 'white', color: '#ff00c3' }}
>
<img src="/svg/mcp.svg" alt="MCP" style={{ margin: "6px" }} />
MCP
</Button>
</div>
</div>
</GenericModal>
@@ -1190,4 +1201,4 @@ export const modalStyle = {
padding: "20px",
maxHeight: "90vh",
overflow: "auto",
};
};