mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-05-29 19:35:20 +02:00
feat: re arranged connectors list
This commit is contained in:
DESKTOP-RTLN3BA\$punk
parent
ad0e77c3d6
commit
d8f403efba
1 changed files with 228 additions and 220 deletions
|
|
@ -13,6 +13,24 @@ import {
|
||||||
} from "../constants/connector-constants";
|
} from "../constants/connector-constants";
|
||||||
import { getDocumentCountForConnector } from "../utils/connector-document-mapping";
|
import { getDocumentCountForConnector } from "../utils/connector-document-mapping";
|
||||||
|
|
||||||
|
type OAuthConnector = (typeof OAUTH_CONNECTORS)[number];
|
||||||
|
type ComposioConnector = (typeof COMPOSIO_CONNECTORS)[number];
|
||||||
|
type OtherConnector = (typeof OTHER_CONNECTORS)[number];
|
||||||
|
type CrawlerConnector = (typeof CRAWLERS)[number];
|
||||||
|
|
||||||
|
const DOCUMENT_FILE_CONNECTOR_TYPES = new Set<string>([
|
||||||
|
EnumConnectorName.GOOGLE_DRIVE_CONNECTOR,
|
||||||
|
EnumConnectorName.COMPOSIO_GOOGLE_DRIVE_CONNECTOR,
|
||||||
|
EnumConnectorName.ONEDRIVE_CONNECTOR,
|
||||||
|
EnumConnectorName.DROPBOX_CONNECTOR,
|
||||||
|
]);
|
||||||
|
|
||||||
|
const OTHER_DOCUMENT_CONNECTOR_TYPES = new Set<string>([
|
||||||
|
EnumConnectorName.YOUTUBE_CONNECTOR,
|
||||||
|
EnumConnectorName.NOTION_CONNECTOR,
|
||||||
|
EnumConnectorName.AIRTABLE_CONNECTOR,
|
||||||
|
]);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Extract the display name from a full connector name.
|
* Extract the display name from a full connector name.
|
||||||
* Full names are in format "Base Name - identifier" (e.g., "Gmail - john@example.com").
|
* Full names are in format "Base Name - identifier" (e.g., "Gmail - john@example.com").
|
||||||
|
|
@ -34,9 +52,7 @@ interface AllConnectorsTabProps {
|
||||||
allConnectors: SearchSourceConnector[] | undefined;
|
allConnectors: SearchSourceConnector[] | undefined;
|
||||||
documentTypeCounts?: Record<string, number>;
|
documentTypeCounts?: Record<string, number>;
|
||||||
indexingConnectorIds?: Set<number>;
|
indexingConnectorIds?: Set<number>;
|
||||||
onConnectOAuth: (
|
onConnectOAuth: (connector: OAuthConnector | ComposioConnector) => void;
|
||||||
connector: (typeof OAUTH_CONNECTORS)[number] | (typeof COMPOSIO_CONNECTORS)[number]
|
|
||||||
) => void;
|
|
||||||
onConnectNonOAuth?: (connectorType: string) => void;
|
onConnectNonOAuth?: (connectorType: string) => void;
|
||||||
onCreateWebcrawler?: () => void;
|
onCreateWebcrawler?: () => void;
|
||||||
onCreateYouTubeCrawler?: () => void;
|
onCreateYouTubeCrawler?: () => void;
|
||||||
|
|
@ -92,241 +108,233 @@ export const AllConnectorsTab: FC<AllConnectorsTabProps> = ({
|
||||||
c.description.toLowerCase().includes(searchQuery.toLowerCase())
|
c.description.toLowerCase().includes(searchQuery.toLowerCase())
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const nativeGoogleDriveConnectors = filteredOAuth.filter(
|
||||||
|
(c) => c.connectorType === EnumConnectorName.GOOGLE_DRIVE_CONNECTOR
|
||||||
|
);
|
||||||
|
const composioGoogleDriveConnectors = filteredComposio.filter(
|
||||||
|
(c) => c.connectorType === EnumConnectorName.COMPOSIO_GOOGLE_DRIVE_CONNECTOR
|
||||||
|
);
|
||||||
|
const fileStorageConnectors = filteredOAuth.filter(
|
||||||
|
(c) =>
|
||||||
|
c.connectorType === EnumConnectorName.ONEDRIVE_CONNECTOR ||
|
||||||
|
c.connectorType === EnumConnectorName.DROPBOX_CONNECTOR
|
||||||
|
);
|
||||||
|
|
||||||
|
const otherDocumentYouTubeConnectors = filteredCrawlers.filter(
|
||||||
|
(c) => c.connectorType === EnumConnectorName.YOUTUBE_CONNECTOR
|
||||||
|
);
|
||||||
|
const otherDocumentNotionConnectors = filteredOAuth.filter(
|
||||||
|
(c) => c.connectorType === EnumConnectorName.NOTION_CONNECTOR
|
||||||
|
);
|
||||||
|
const otherDocumentAirtableConnectors = filteredOAuth.filter(
|
||||||
|
(c) => c.connectorType === EnumConnectorName.AIRTABLE_CONNECTOR
|
||||||
|
);
|
||||||
|
|
||||||
|
const moreIntegrationsComposio = filteredComposio.filter(
|
||||||
|
(c) =>
|
||||||
|
!DOCUMENT_FILE_CONNECTOR_TYPES.has(c.connectorType) &&
|
||||||
|
!OTHER_DOCUMENT_CONNECTOR_TYPES.has(c.connectorType)
|
||||||
|
);
|
||||||
|
const moreIntegrationsOAuth = filteredOAuth.filter(
|
||||||
|
(c) =>
|
||||||
|
!DOCUMENT_FILE_CONNECTOR_TYPES.has(c.connectorType) &&
|
||||||
|
!OTHER_DOCUMENT_CONNECTOR_TYPES.has(c.connectorType)
|
||||||
|
);
|
||||||
|
const moreIntegrationsOther = filteredOther;
|
||||||
|
const moreIntegrationsCrawlers = filteredCrawlers.filter(
|
||||||
|
(c) =>
|
||||||
|
!c.connectorType ||
|
||||||
|
(!DOCUMENT_FILE_CONNECTOR_TYPES.has(c.connectorType) &&
|
||||||
|
!OTHER_DOCUMENT_CONNECTOR_TYPES.has(c.connectorType))
|
||||||
|
);
|
||||||
|
|
||||||
|
const renderOAuthCard = (connector: OAuthConnector | ComposioConnector) => {
|
||||||
|
const isConnected = connectedTypes.has(connector.connectorType);
|
||||||
|
const isConnecting = connectingId === connector.id;
|
||||||
|
|
||||||
|
const typeConnectors =
|
||||||
|
isConnected && allConnectors
|
||||||
|
? allConnectors.filter(
|
||||||
|
(c: SearchSourceConnector) => c.connector_type === connector.connectorType
|
||||||
|
)
|
||||||
|
: [];
|
||||||
|
|
||||||
|
const accountCount = typeConnectors.length;
|
||||||
|
const documentCount = getDocumentCountForConnector(
|
||||||
|
connector.connectorType,
|
||||||
|
documentTypeCounts
|
||||||
|
);
|
||||||
|
const isIndexing = typeConnectors.some((c) => indexingConnectorIds?.has(c.id));
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ConnectorCard
|
||||||
|
key={connector.id}
|
||||||
|
id={connector.id}
|
||||||
|
title={connector.title}
|
||||||
|
description={connector.description}
|
||||||
|
connectorType={connector.connectorType}
|
||||||
|
isConnected={isConnected}
|
||||||
|
isConnecting={isConnecting}
|
||||||
|
documentCount={documentCount}
|
||||||
|
accountCount={accountCount}
|
||||||
|
isIndexing={isIndexing}
|
||||||
|
onConnect={() => onConnectOAuth(connector)}
|
||||||
|
onManage={
|
||||||
|
isConnected && onViewAccountsList
|
||||||
|
? () => onViewAccountsList(connector.connectorType, connector.title)
|
||||||
|
: undefined
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const renderOtherCard = (connector: OtherConnector) => {
|
||||||
|
const isConnected = connectedTypes.has(connector.connectorType);
|
||||||
|
const isConnecting = connectingId === connector.id;
|
||||||
|
|
||||||
|
const actualConnector =
|
||||||
|
isConnected && allConnectors
|
||||||
|
? allConnectors.find(
|
||||||
|
(c: SearchSourceConnector) => c.connector_type === connector.connectorType
|
||||||
|
)
|
||||||
|
: undefined;
|
||||||
|
|
||||||
|
const documentCount = getDocumentCountForConnector(
|
||||||
|
connector.connectorType,
|
||||||
|
documentTypeCounts
|
||||||
|
);
|
||||||
|
const isIndexing = actualConnector && indexingConnectorIds?.has(actualConnector.id);
|
||||||
|
|
||||||
|
const isMCP = connector.connectorType === EnumConnectorName.MCP_CONNECTOR;
|
||||||
|
const mcpConnectorCount =
|
||||||
|
isMCP && allConnectors
|
||||||
|
? allConnectors.filter(
|
||||||
|
(c: SearchSourceConnector) =>
|
||||||
|
c.connector_type === EnumConnectorName.MCP_CONNECTOR
|
||||||
|
).length
|
||||||
|
: undefined;
|
||||||
|
|
||||||
|
const handleConnect = onConnectNonOAuth
|
||||||
|
? () => onConnectNonOAuth(connector.connectorType)
|
||||||
|
: () => {};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ConnectorCard
|
||||||
|
key={connector.id}
|
||||||
|
id={connector.id}
|
||||||
|
title={connector.title}
|
||||||
|
description={connector.description}
|
||||||
|
connectorType={connector.connectorType}
|
||||||
|
isConnected={isConnected}
|
||||||
|
isConnecting={isConnecting}
|
||||||
|
documentCount={documentCount}
|
||||||
|
connectorCount={mcpConnectorCount}
|
||||||
|
isIndexing={isIndexing}
|
||||||
|
onConnect={handleConnect}
|
||||||
|
onManage={
|
||||||
|
actualConnector && onManage ? () => onManage(actualConnector) : undefined
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const renderCrawlerCard = (crawler: CrawlerConnector) => {
|
||||||
|
const isYouTube = crawler.id === "youtube-crawler";
|
||||||
|
const isWebcrawler = crawler.id === "webcrawler-connector";
|
||||||
|
const isConnected = crawler.connectorType
|
||||||
|
? connectedTypes.has(crawler.connectorType)
|
||||||
|
: false;
|
||||||
|
const isConnecting = connectingId === crawler.id;
|
||||||
|
|
||||||
|
const actualConnector =
|
||||||
|
isConnected && crawler.connectorType && allConnectors
|
||||||
|
? allConnectors.find(
|
||||||
|
(c: SearchSourceConnector) => c.connector_type === crawler.connectorType
|
||||||
|
)
|
||||||
|
: undefined;
|
||||||
|
|
||||||
|
const documentCount = crawler.connectorType
|
||||||
|
? getDocumentCountForConnector(crawler.connectorType, documentTypeCounts)
|
||||||
|
: undefined;
|
||||||
|
const isIndexing = actualConnector && indexingConnectorIds?.has(actualConnector.id);
|
||||||
|
|
||||||
|
const handleConnect =
|
||||||
|
isYouTube && onCreateYouTubeCrawler
|
||||||
|
? onCreateYouTubeCrawler
|
||||||
|
: isWebcrawler && onCreateWebcrawler
|
||||||
|
? onCreateWebcrawler
|
||||||
|
: crawler.connectorType && onConnectNonOAuth
|
||||||
|
? () => {
|
||||||
|
if (crawler.connectorType) {
|
||||||
|
onConnectNonOAuth(crawler.connectorType);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
: () => {};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ConnectorCard
|
||||||
|
key={crawler.id}
|
||||||
|
id={crawler.id}
|
||||||
|
title={crawler.title}
|
||||||
|
description={crawler.description}
|
||||||
|
connectorType={crawler.connectorType || undefined}
|
||||||
|
isConnected={isConnected}
|
||||||
|
isConnecting={isConnecting}
|
||||||
|
documentCount={documentCount}
|
||||||
|
isIndexing={isIndexing}
|
||||||
|
onConnect={handleConnect}
|
||||||
|
onManage={
|
||||||
|
actualConnector && onManage ? () => onManage(actualConnector) : undefined
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
const hasDocumentFileConnectors =
|
||||||
|
nativeGoogleDriveConnectors.length > 0 ||
|
||||||
|
composioGoogleDriveConnectors.length > 0 ||
|
||||||
|
fileStorageConnectors.length > 0;
|
||||||
|
const hasMoreIntegrations =
|
||||||
|
otherDocumentYouTubeConnectors.length > 0 ||
|
||||||
|
otherDocumentNotionConnectors.length > 0 ||
|
||||||
|
otherDocumentAirtableConnectors.length > 0 ||
|
||||||
|
moreIntegrationsComposio.length > 0 ||
|
||||||
|
moreIntegrationsOAuth.length > 0 ||
|
||||||
|
moreIntegrationsOther.length > 0 ||
|
||||||
|
moreIntegrationsCrawlers.length > 0;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="space-y-8">
|
<div className="space-y-8">
|
||||||
{/* Managed OAuth (Composio Integrations) */}
|
{/* Document/Files Connectors */}
|
||||||
{filteredComposio.length > 0 && (
|
{hasDocumentFileConnectors && (
|
||||||
<section>
|
<section>
|
||||||
<div className="flex items-center gap-2 mb-4">
|
<div className="flex items-center gap-2 mb-4">
|
||||||
<h3 className="text-sm font-semibold text-muted-foreground">
|
<h3 className="text-sm font-semibold text-muted-foreground">
|
||||||
Managed OAuth (Composio)
|
Document/Files Connectors
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
|
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
|
||||||
{filteredComposio.map((connector) => {
|
{nativeGoogleDriveConnectors.map(renderOAuthCard)}
|
||||||
const isConnected = connectedTypes.has(connector.connectorType);
|
{composioGoogleDriveConnectors.map(renderOAuthCard)}
|
||||||
const isConnecting = connectingId === connector.id;
|
{fileStorageConnectors.map(renderOAuthCard)}
|
||||||
|
|
||||||
// Find all connectors of this type
|
|
||||||
const typeConnectors =
|
|
||||||
isConnected && allConnectors
|
|
||||||
? allConnectors.filter(
|
|
||||||
(c: SearchSourceConnector) => c.connector_type === connector.connectorType
|
|
||||||
)
|
|
||||||
: [];
|
|
||||||
|
|
||||||
const accountCount = typeConnectors.length;
|
|
||||||
|
|
||||||
const documentCount = getDocumentCountForConnector(
|
|
||||||
connector.connectorType,
|
|
||||||
documentTypeCounts
|
|
||||||
);
|
|
||||||
|
|
||||||
// Check if any account is currently indexing
|
|
||||||
const isIndexing = typeConnectors.some((c) => indexingConnectorIds?.has(c.id));
|
|
||||||
|
|
||||||
return (
|
|
||||||
<ConnectorCard
|
|
||||||
key={connector.id}
|
|
||||||
id={connector.id}
|
|
||||||
title={connector.title}
|
|
||||||
description={connector.description}
|
|
||||||
connectorType={connector.connectorType}
|
|
||||||
isConnected={isConnected}
|
|
||||||
isConnecting={isConnecting}
|
|
||||||
documentCount={documentCount}
|
|
||||||
accountCount={accountCount}
|
|
||||||
isIndexing={isIndexing}
|
|
||||||
onConnect={() => onConnectOAuth(connector)}
|
|
||||||
onManage={
|
|
||||||
isConnected && onViewAccountsList
|
|
||||||
? () => onViewAccountsList(connector.connectorType, connector.title)
|
|
||||||
: undefined
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* Quick Connect */}
|
|
||||||
{filteredOAuth.length > 0 && (
|
|
||||||
<section>
|
|
||||||
<div className="flex items-center gap-2 mb-4">
|
|
||||||
<h3 className="text-sm font-semibold text-muted-foreground">Quick Connect</h3>
|
|
||||||
</div>
|
|
||||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
|
|
||||||
{filteredOAuth.map((connector) => {
|
|
||||||
const isConnected = connectedTypes.has(connector.connectorType);
|
|
||||||
const isConnecting = connectingId === connector.id;
|
|
||||||
|
|
||||||
// Find all connectors of this type
|
|
||||||
const typeConnectors =
|
|
||||||
isConnected && allConnectors
|
|
||||||
? allConnectors.filter(
|
|
||||||
(c: SearchSourceConnector) => c.connector_type === connector.connectorType
|
|
||||||
)
|
|
||||||
: [];
|
|
||||||
|
|
||||||
const accountCount = typeConnectors.length;
|
|
||||||
|
|
||||||
const documentCount = getDocumentCountForConnector(
|
|
||||||
connector.connectorType,
|
|
||||||
documentTypeCounts
|
|
||||||
);
|
|
||||||
|
|
||||||
// Check if any account is currently indexing
|
|
||||||
const isIndexing = typeConnectors.some((c) => indexingConnectorIds?.has(c.id));
|
|
||||||
|
|
||||||
return (
|
|
||||||
<ConnectorCard
|
|
||||||
key={connector.id}
|
|
||||||
id={connector.id}
|
|
||||||
title={connector.title}
|
|
||||||
description={connector.description}
|
|
||||||
connectorType={connector.connectorType}
|
|
||||||
isConnected={isConnected}
|
|
||||||
isConnecting={isConnecting}
|
|
||||||
documentCount={documentCount}
|
|
||||||
accountCount={accountCount}
|
|
||||||
isIndexing={isIndexing}
|
|
||||||
onConnect={() => onConnectOAuth(connector)}
|
|
||||||
onManage={
|
|
||||||
isConnected && onViewAccountsList
|
|
||||||
? () => onViewAccountsList(connector.connectorType, connector.title)
|
|
||||||
: undefined
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* More Integrations */}
|
{/* More Integrations */}
|
||||||
{filteredOther.length > 0 && (
|
{hasMoreIntegrations && (
|
||||||
<section>
|
<section>
|
||||||
<div className="flex items-center gap-2 mb-4">
|
<div className="flex items-center gap-2 mb-4">
|
||||||
<h3 className="text-sm font-semibold text-muted-foreground">More Integrations</h3>
|
<h3 className="text-sm font-semibold text-muted-foreground">More Integrations</h3>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
|
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
|
||||||
{filteredOther.map((connector) => {
|
{otherDocumentYouTubeConnectors.map(renderCrawlerCard)}
|
||||||
const isConnected = connectedTypes.has(connector.connectorType);
|
{otherDocumentNotionConnectors.map(renderOAuthCard)}
|
||||||
const isConnecting = connectingId === connector.id;
|
{otherDocumentAirtableConnectors.map(renderOAuthCard)}
|
||||||
|
{moreIntegrationsComposio.map(renderOAuthCard)}
|
||||||
// Find the actual connector object if connected
|
{moreIntegrationsOAuth.map(renderOAuthCard)}
|
||||||
const actualConnector =
|
{moreIntegrationsOther.map(renderOtherCard)}
|
||||||
isConnected && allConnectors
|
{moreIntegrationsCrawlers.map(renderCrawlerCard)}
|
||||||
? allConnectors.find(
|
|
||||||
(c: SearchSourceConnector) => c.connector_type === connector.connectorType
|
|
||||||
)
|
|
||||||
: undefined;
|
|
||||||
|
|
||||||
const documentCount = getDocumentCountForConnector(
|
|
||||||
connector.connectorType,
|
|
||||||
documentTypeCounts
|
|
||||||
);
|
|
||||||
const isIndexing = actualConnector && indexingConnectorIds?.has(actualConnector.id);
|
|
||||||
|
|
||||||
// For MCP connectors, count total MCP connectors instead of document count
|
|
||||||
const isMCP = connector.connectorType === EnumConnectorName.MCP_CONNECTOR;
|
|
||||||
const mcpConnectorCount =
|
|
||||||
isMCP && allConnectors
|
|
||||||
? allConnectors.filter(
|
|
||||||
(c: SearchSourceConnector) =>
|
|
||||||
c.connector_type === EnumConnectorName.MCP_CONNECTOR
|
|
||||||
).length
|
|
||||||
: undefined;
|
|
||||||
|
|
||||||
const handleConnect = onConnectNonOAuth
|
|
||||||
? () => onConnectNonOAuth(connector.connectorType)
|
|
||||||
: () => {}; // Fallback - connector popup should handle all connector types
|
|
||||||
|
|
||||||
return (
|
|
||||||
<ConnectorCard
|
|
||||||
key={connector.id}
|
|
||||||
id={connector.id}
|
|
||||||
title={connector.title}
|
|
||||||
description={connector.description}
|
|
||||||
connectorType={connector.connectorType}
|
|
||||||
isConnected={isConnected}
|
|
||||||
isConnecting={isConnecting}
|
|
||||||
documentCount={documentCount}
|
|
||||||
connectorCount={mcpConnectorCount}
|
|
||||||
isIndexing={isIndexing}
|
|
||||||
onConnect={handleConnect}
|
|
||||||
onManage={
|
|
||||||
actualConnector && onManage ? () => onManage(actualConnector) : undefined
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* Content Sources */}
|
|
||||||
{filteredCrawlers.length > 0 && (
|
|
||||||
<section>
|
|
||||||
<div className="flex items-center gap-2 mb-4">
|
|
||||||
<h3 className="text-sm font-semibold text-muted-foreground">Content Sources</h3>
|
|
||||||
</div>
|
|
||||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
|
|
||||||
{filteredCrawlers.map((crawler) => {
|
|
||||||
const isYouTube = crawler.id === "youtube-crawler";
|
|
||||||
const isWebcrawler = crawler.id === "webcrawler-connector";
|
|
||||||
|
|
||||||
// For crawlers that are actual connectors, check connection status
|
|
||||||
const isConnected = crawler.connectorType
|
|
||||||
? connectedTypes.has(crawler.connectorType)
|
|
||||||
: false;
|
|
||||||
const isConnecting = connectingId === crawler.id;
|
|
||||||
|
|
||||||
// Find the actual connector object if connected
|
|
||||||
const actualConnector =
|
|
||||||
isConnected && crawler.connectorType && allConnectors
|
|
||||||
? allConnectors.find(
|
|
||||||
(c: SearchSourceConnector) => c.connector_type === crawler.connectorType
|
|
||||||
)
|
|
||||||
: undefined;
|
|
||||||
|
|
||||||
const documentCount = crawler.connectorType
|
|
||||||
? getDocumentCountForConnector(crawler.connectorType, documentTypeCounts)
|
|
||||||
: undefined;
|
|
||||||
const isIndexing = actualConnector && indexingConnectorIds?.has(actualConnector.id);
|
|
||||||
|
|
||||||
const handleConnect =
|
|
||||||
isYouTube && onCreateYouTubeCrawler
|
|
||||||
? onCreateYouTubeCrawler
|
|
||||||
: isWebcrawler && onCreateWebcrawler
|
|
||||||
? onCreateWebcrawler
|
|
||||||
: crawler.connectorType && onConnectNonOAuth
|
|
||||||
? () => {
|
|
||||||
if (crawler.connectorType) {
|
|
||||||
onConnectNonOAuth(crawler.connectorType);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
: () => {}; // Fallback for non-connector crawlers
|
|
||||||
|
|
||||||
return (
|
|
||||||
<ConnectorCard
|
|
||||||
key={crawler.id}
|
|
||||||
id={crawler.id}
|
|
||||||
title={crawler.title}
|
|
||||||
description={crawler.description}
|
|
||||||
connectorType={crawler.connectorType || undefined}
|
|
||||||
isConnected={isConnected}
|
|
||||||
isConnecting={isConnecting}
|
|
||||||
documentCount={documentCount}
|
|
||||||
isIndexing={isIndexing}
|
|
||||||
onConnect={handleConnect}
|
|
||||||
onManage={
|
|
||||||
actualConnector && onManage ? () => onManage(actualConnector) : undefined
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
)}
|
)}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue