fix: update connector links and streamline icon components

- Changed Linkup API link from linkup.ai to linkup.so in the connector popup.
- Removed unused IconSparkles and replaced it with Luma SVG in the connector icons.
- Updated image properties for Linear, GitHub, Google Calendar, Google Gmail, and Google Drive connectors to ensure consistent sizing.
- Replaced old SVG files for GitHub, Google Calendar, Google Drive, Google Gmail, and Linear with new versions for improved visuals.
This commit is contained in:
Anish Sarkar 2026-01-01 15:11:00 +05:30
parent 57e87f7526
commit 0e93d8420f
8 changed files with 18 additions and 158 deletions

View file

@ -1,6 +1,5 @@
import {
IconLinkPlus,
IconSparkles,
IconUsersGroup,
} from "@tabler/icons-react";
import {
@ -19,28 +18,14 @@ import { EnumConnectorName } from "./connector";
export const getConnectorIcon = (connectorType: EnumConnectorName | string, className?: string) => {
const iconProps = { className: className || "h-4 w-4" };
const imgProps = { className: className || "h-5 w-5", width: 20, height: 20 };
// Larger props for specific services (Google services, GitHub, Linear) - scale up from size-6 to size-8
const getLargeClassName = () => {
if (!className) return "h-8 w-8";
// Replace size-6 with size-8, or h-6/w-6 with h-8/w-8
return className
.replace(/size-6/g, "size-8")
.replace(/\bh-6\b/g, "h-8")
.replace(/\bw-6\b/g, "w-8");
};
const largeImgProps = {
className: getLargeClassName(),
width: 32,
height: 32
};
switch (connectorType) {
case EnumConnectorName.LINKUP_API:
return <IconLinkPlus {...iconProps} />;
case EnumConnectorName.LINEAR_CONNECTOR:
return <Image src="/connectors/linear.svg" alt="Linear" {...largeImgProps} />;
return <Image src="/connectors/linear.svg" alt="Linear" {...imgProps} />;
case EnumConnectorName.GITHUB_CONNECTOR:
return <Image src="/connectors/github.svg" alt="GitHub" {...largeImgProps} />;
return <Image src="/connectors/github.svg" alt="GitHub" {...imgProps} />;
case EnumConnectorName.TAVILY_API:
return <Image src="/connectors/tavily.svg" alt="Tavily" {...imgProps} />;
case EnumConnectorName.SEARXNG_API:
@ -56,11 +41,11 @@ export const getConnectorIcon = (connectorType: EnumConnectorName | string, clas
case EnumConnectorName.JIRA_CONNECTOR:
return <Image src="/connectors/jira.svg" alt="Jira" {...imgProps} />;
case EnumConnectorName.GOOGLE_CALENDAR_CONNECTOR:
return <Image src="/connectors/google-calendar.svg" alt="Google Calendar" {...largeImgProps} />;
return <Image src="/connectors/google-calendar.svg" alt="Google Calendar" {...imgProps} />;
case EnumConnectorName.GOOGLE_GMAIL_CONNECTOR:
return <Image src="/connectors/google-gmail.svg" alt="Gmail" {...largeImgProps} />;
return <Image src="/connectors/google-gmail.svg" alt="Gmail" {...imgProps} />;
case EnumConnectorName.GOOGLE_DRIVE_CONNECTOR:
return <Image src="/connectors/google-drive.svg" alt="Google Drive" {...largeImgProps} />;
return <Image src="/connectors/google-drive.svg" alt="Google Drive" {...imgProps} />;
case EnumConnectorName.AIRTABLE_CONNECTOR:
return <Image src="/connectors/airtable.svg" alt="Airtable" {...imgProps} />;
case EnumConnectorName.CONFLUENCE_CONNECTOR:
@ -70,7 +55,7 @@ export const getConnectorIcon = (connectorType: EnumConnectorName | string, clas
case EnumConnectorName.CLICKUP_CONNECTOR:
return <Image src="/connectors/clickup.svg" alt="ClickUp" {...imgProps} />;
case EnumConnectorName.LUMA_CONNECTOR:
return <IconSparkles {...iconProps} />;
return <Image src="/connectors/luma.svg" alt="Luma" {...imgProps} />;
case EnumConnectorName.ELASTICSEARCH_CONNECTOR:
return <Image src="/connectors/elasticsearch.svg" alt="Elasticsearch" {...imgProps} />;
case EnumConnectorName.WEBCRAWLER_CONNECTOR: