From bef55043f76afff4f2bcfb9d4d07246945da5250 Mon Sep 17 00:00:00 2001
From: Daniel Hougaard <daniel@infisical.com>
Date: Sat, 26 Apr 2025 10:16:30 +0400
Subject: [PATCH] Update OrgWorkflowIntegrationTab.tsx

---
 .../OrgWorkflowIntegrationTab.tsx                    | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/organization/SettingsPage/components/OrgWorkflowIntegrationTab/OrgWorkflowIntegrationTab.tsx b/frontend/src/pages/organization/SettingsPage/components/OrgWorkflowIntegrationTab/OrgWorkflowIntegrationTab.tsx
index ecf5f09b3..b6e935e90 100644
--- a/frontend/src/pages/organization/SettingsPage/components/OrgWorkflowIntegrationTab/OrgWorkflowIntegrationTab.tsx
+++ b/frontend/src/pages/organization/SettingsPage/components/OrgWorkflowIntegrationTab/OrgWorkflowIntegrationTab.tsx
@@ -1,4 +1,4 @@
-import { faSlack } from "@fortawesome/free-brands-svg-icons";
+import { BsMicrosoftTeams, BsSlack } from "react-icons/bs";
 import { faEllipsis, faGear, faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import axios from "axios";
@@ -174,8 +174,14 @@ export const OrgWorkflowIntegrationTab = withPermission(
               {workflowIntegrations?.map((workflowIntegration) => (
                 <Tr key={workflowIntegration.id}>
                   <Td className="flex max-w-xs items-center overflow-hidden text-ellipsis hover:overflow-auto hover:break-all">
-                    <FontAwesomeIcon icon={faSlack} />
-                    <div className="ml-2">{workflowIntegration.integration.toUpperCase()}</div>
+                    {workflowIntegration.integration === WorkflowIntegrationPlatform.SLACK ? (
+                      <BsSlack />
+                    ) : (
+                      <BsMicrosoftTeams />
+                    )}
+                    <div className="ml-2 capitalize">
+                      {workflowIntegration.integration.replaceAll("-", " ")}
+                    </div>
                   </Td>
                   <Td>{workflowIntegration.slug}</Td>
                   <Td>{renderStatus(workflowIntegration.status)}</Td>