From baaf31513cb3cb4f5dbe6d60548dee2ebcbb6f73 Mon Sep 17 00:00:00 2001
From: Raunak Bhagat <r@rabh.io>
Date: Tue, 27 May 2025 06:51:34 -0700
Subject: [PATCH] fix: Create new grouping for CRM connectors (#4776)

* Create new grouping for CRM connectors
* Edit spacing
---
 web/src/app/admin/add-connector/page.tsx | 16 +++++++++-------
 web/src/lib/search/interfaces.ts         |  1 +
 web/src/lib/sources.ts                   |  6 +++---
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/web/src/app/admin/add-connector/page.tsx b/web/src/app/admin/add-connector/page.tsx
index c120ccb9248..7fc3d1d0c18 100644
--- a/web/src/app/admin/add-connector/page.tsx
+++ b/web/src/app/admin/add-connector/page.tsx
@@ -18,13 +18,13 @@ function SourceTile({
 }) {
   return (
     <Link
-      className={`flex 
-        flex-col 
-        items-center 
-        justify-center 
-        p-4 
-        rounded-lg 
-        w-40 
+      className={`flex
+        flex-col
+        items-center
+        justify-center
+        p-4
+        rounded-lg
+        w-40
         cursor-pointer
         shadow-md
         hover:bg-accent-background-hovered
@@ -154,6 +154,8 @@ function getCategoryDescription(category: SourceCategory): string {
       return "Link to project management and task tracking tools.";
     case SourceCategory.CustomerSupport:
       return "Connect to customer support and helpdesk systems.";
+    case SourceCategory.CustomerRelationshipManagement:
+      return "Integrate with customer relationship management platforms.";
     case SourceCategory.CodeRepository:
       return "Integrate with code repositories and version control systems.";
     case SourceCategory.Storage:
diff --git a/web/src/lib/search/interfaces.ts b/web/src/lib/search/interfaces.ts
index ec756b48dad..faf2e2579f7 100644
--- a/web/src/lib/search/interfaces.ts
+++ b/web/src/lib/search/interfaces.ts
@@ -165,6 +165,7 @@ export enum SourceCategory {
   Storage = "Storage",
   Wiki = "Wiki",
   CustomerSupport = "Customer Support",
+  CustomerRelationshipManagement = "Customer Relationship Management",
   Messaging = "Messaging",
   ProjectManagement = "Project Management",
   CodeRepository = "Code Repository",
diff --git a/web/src/lib/sources.ts b/web/src/lib/sources.ts
index 5c2d742e2c9..32249535bc8 100644
--- a/web/src/lib/sources.ts
+++ b/web/src/lib/sources.ts
@@ -175,7 +175,7 @@ export const SOURCE_METADATA_MAP: SourceMap = {
   hubspot: {
     icon: HubSpotIcon,
     displayName: "HubSpot",
-    category: SourceCategory.CustomerSupport,
+    category: SourceCategory.CustomerRelationshipManagement,
     docs: "https://docs.onyx.app/connectors/hubspot",
   },
   document360: {
@@ -210,7 +210,7 @@ export const SOURCE_METADATA_MAP: SourceMap = {
   salesforce: {
     icon: SalesforceIcon,
     displayName: "Salesforce",
-    category: SourceCategory.CustomerSupport,
+    category: SourceCategory.CustomerRelationshipManagement,
     docs: "https://docs.onyx.app/connectors/salesforce",
   },
   sharepoint: {
@@ -368,7 +368,7 @@ export function getSourceMetadata(sourceType: ValidSources): SourceMetadata {
 }
 
 export function listSourceMetadata(): SourceMetadata[] {
-  /* This gives back all the viewable / common sources, primarily for 
+  /* This gives back all the viewable / common sources, primarily for
   display in the Add Connector page */
   const entries = Object.entries(SOURCE_METADATA_MAP)
     .filter(