From 845cb2963d2bddcea1320f68cf60473e30c9493e Mon Sep 17 00:00:00 2001
From: Lina <lina.lumburovska@kern.ai>
Date: Mon, 19 May 2025 17:55:56 +0200
Subject: [PATCH] Cellcomponents for integratios

---
 components/kern-table/CellComponents.tsx | 16 ++++++++++++----
 components/kern-table/KernTable.tsx      |  8 +++++---
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/components/kern-table/CellComponents.tsx b/components/kern-table/CellComponents.tsx
index 82233d3..4b70bad 100644
--- a/components/kern-table/CellComponents.tsx
+++ b/components/kern-table/CellComponents.tsx
@@ -87,10 +87,10 @@ function OrganizationUserCell({ userToOrganization, organizations, user, onClick
     )}</>
 }
 
-function DeleteUserCell({ user, deleteUser }) {
+function DeleteCell({ deleteEntity }) {
     const clickDelete = useCallback(() => {
-        if (deleteUser) deleteUser(user);
-    }, [deleteUser, user]);
+        if (deleteEntity) deleteEntity();
+    }, [deleteEntity]);
 
     return <KernButton
         text="Delete"
@@ -308,4 +308,12 @@ function EmailCell({ user }) {
     )
 }
 
-export { OrganizationAndUsersCell, MaxRowsColsCharsCell, CommentsCell, ExportConsumptionAndDeleteCell, BadgeCell, OrganizationUserCell, DeleteUserCell, LevelCell, ArchiveReasonCell, ProjectNameTaskCell, CancelTaskCell, IconCell, ConfigCell, EditDeleteOrgButtonCell, ViewStackCell, AbortSessionButtonCell, FeedbackMessageCell, FeedbackMessageTextCell, JumpToConversationCell, RemoteVersionCell, ExternalLinkCell, ModelDateCell, FileSizeCell, StatusModelCell, DeleteModelCell, LabelCell, ViewCell, EvaluationRunStateCell, EvaluationRunDetailsCell, EtlApiTokenCell, EmailCell }
\ No newline at end of file
+function EditIntegrationCell({ onClick }) {
+    const clickEdit = useCallback(() => {
+        if (onClick) onClick();
+    }, [onClick]);
+
+    return <KernButton text="Edit" onClick={clickEdit} className="text-gray-700" />
+}
+
+export { OrganizationAndUsersCell, MaxRowsColsCharsCell, CommentsCell, ExportConsumptionAndDeleteCell, BadgeCell, OrganizationUserCell, DeleteCell, LevelCell, ArchiveReasonCell, ProjectNameTaskCell, CancelTaskCell, IconCell, ConfigCell, EditDeleteOrgButtonCell, ViewStackCell, AbortSessionButtonCell, FeedbackMessageCell, FeedbackMessageTextCell, JumpToConversationCell, RemoteVersionCell, ExternalLinkCell, ModelDateCell, FileSizeCell, StatusModelCell, DeleteModelCell, LabelCell, ViewCell, EvaluationRunStateCell, EvaluationRunDetailsCell, EtlApiTokenCell, EmailCell, EditIntegrationCell }
\ No newline at end of file
diff --git a/components/kern-table/KernTable.tsx b/components/kern-table/KernTable.tsx
index 4030d25..b3ee60e 100644
--- a/components/kern-table/KernTable.tsx
+++ b/components/kern-table/KernTable.tsx
@@ -1,6 +1,6 @@
 import SortArrows from "@/submodules/react-components/components/kern-table/SortArrows";
 import { KernTableProps } from "../../types/kern-table";
-import { AbortSessionButtonCell, ArchiveReasonCell, BadgeCell, CancelTaskCell, CommentsCell, ConfigCell, DeleteModelCell, DeleteUserCell, EditDeleteOrgButtonCell, EmailCell, EtlApiTokenCell, EvaluationRunDetailsCell, EvaluationRunStateCell, ExportConsumptionAndDeleteCell, ExternalLinkCell, FeedbackMessageCell, FeedbackMessageTextCell, FileSizeCell, IconCell, JumpToConversationCell, LabelCell, LevelCell, MaxRowsColsCharsCell, ModelDateCell, OrganizationAndUsersCell, OrganizationUserCell, ProjectNameTaskCell, RemoteVersionCell, StatusModelCell, ViewCell, ViewStackCell } from "./CellComponents";
+import { AbortSessionButtonCell, ArchiveReasonCell, BadgeCell, CancelTaskCell, CommentsCell, ConfigCell, DeleteModelCell, DeleteCell, EditDeleteOrgButtonCell, EmailCell, EtlApiTokenCell, EvaluationRunDetailsCell, EvaluationRunStateCell, ExportConsumptionAndDeleteCell, ExternalLinkCell, FeedbackMessageCell, FeedbackMessageTextCell, FileSizeCell, IconCell, JumpToConversationCell, LabelCell, LevelCell, MaxRowsColsCharsCell, ModelDateCell, OrganizationAndUsersCell, OrganizationUserCell, ProjectNameTaskCell, RemoteVersionCell, StatusModelCell, ViewCell, ViewStackCell, EditIntegrationCell } from "./CellComponents";
 import { Fragment, useMemo } from "react";
 import { IconEdit } from "@tabler/icons-react";
 import KernDropdown from "../KernDropdown";
@@ -77,8 +77,8 @@ function ComponentMapper(cell: any) {
                     return <BadgeCell {...cell} />;
                 case 'OrganizationUserCell':
                     return <OrganizationUserCell {...cell} />;
-                case 'DeleteUserCell':
-                    return <DeleteUserCell {...cell} />;
+                case 'DeleteCell':
+                    return <DeleteCell {...cell} />;
                 case 'LevelCell':
                     return <LevelCell {...cell} />;
                 case 'ArchiveReasonCell':
@@ -127,6 +127,8 @@ function ComponentMapper(cell: any) {
                     return <EtlApiTokenCell {...cell} />;
                 case 'EmailCell':
                     return <EmailCell {...cell} />;
+                case 'EditIntegrationCell':
+                    return <EditIntegrationCell {...cell} />;
             }
         case 'text':
             return <span>{cell.value ?? <NotApplicableBadge />}</span>