diff --git a/web/sdk/react/views-new/service-accounts/components/projects-cell.module.css b/web/sdk/react/views-new/service-accounts/components/projects-cell.module.css deleted file mode 100644 index aaa03e208..000000000 --- a/web/sdk/react/views-new/service-accounts/components/projects-cell.module.css +++ /dev/null @@ -1,11 +0,0 @@ -.text { - display: block; - max-width: 400px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.tooltipContent { - max-width: 550px; -} diff --git a/web/sdk/react/views-new/service-accounts/components/projects-cell.tsx b/web/sdk/react/views-new/service-accounts/components/projects-cell.tsx deleted file mode 100644 index 7571ba6c7..000000000 --- a/web/sdk/react/views-new/service-accounts/components/projects-cell.tsx +++ /dev/null @@ -1,56 +0,0 @@ -'use client'; - -import { useMemo } from 'react'; -import { Skeleton, Text, Tooltip } from '@raystack/apsara-v1'; -import { useQuery } from '@connectrpc/connect-query'; -import { create } from '@bufbuild/protobuf'; -import { - FrontierServiceQueries, - ListServiceUserProjectsRequestSchema -} from '@raystack/proton/frontier'; -import styles from './projects-cell.module.css'; - -interface ProjectsCellProps { - serviceUserId: string; - orgId: string; -} - -export function ProjectsCell({ serviceUserId, orgId }: ProjectsCellProps) { - const { data, isLoading } = useQuery( - FrontierServiceQueries.listServiceUserProjects, - create(ListServiceUserProjectsRequestSchema, { - id: serviceUserId, - orgId, - withPermissions: [] - }), - { - enabled: Boolean(serviceUserId) && Boolean(orgId) - } - ); - - const projectNames = useMemo(() => { - const projects = data?.projects ?? []; - return projects.map(p => p.title).join(', '); - }, [data]); - - if (isLoading) { - return ; - } - - if (!projectNames) { - return -; - } - - return ( - - } - > - {projectNames} - - - {projectNames} - - - ); -} diff --git a/web/sdk/react/views-new/service-accounts/components/service-account-columns.tsx b/web/sdk/react/views-new/service-accounts/components/service-account-columns.tsx index 6d6869dfd..b889465d1 100644 --- a/web/sdk/react/views-new/service-accounts/components/service-account-columns.tsx +++ b/web/sdk/react/views-new/service-accounts/components/service-account-columns.tsx @@ -11,7 +11,6 @@ import { import type { ServiceUser } from '@raystack/proton/frontier'; import type { Timestamp } from '@bufbuild/protobuf/wkt'; import { timestampToDayjs } from '~/utils/timestamp'; -import { ProjectsCell } from './projects-cell'; import styles from './service-account-columns.module.css'; export interface ServiceAccountMenuPayload { @@ -26,14 +25,12 @@ interface GetColumnsOptions { dateFormat: string; menuHandle: MenuHandle; canUpdateWorkspace: boolean; - orgId: string; } export const getColumns = ({ dateFormat, menuHandle, - canUpdateWorkspace, - orgId + canUpdateWorkspace }: GetColumnsOptions): DataTableColumnDef[] => [ { header: 'Name', @@ -43,20 +40,6 @@ export const getColumns = ({ return {value}; } }, - { - header: 'Projects', - id: 'projects', - accessorKey: 'id', - enableSorting: false, - styles: { - cell: { maxWidth: '600px' }, - header: { maxWidth: '600px' } - }, - cell: ({ getValue }) => { - const serviceUserId = getValue() as string; - return ; - } - }, { header: 'Created On', accessorKey: 'createdAt', diff --git a/web/sdk/react/views-new/service-accounts/service-accounts-view.tsx b/web/sdk/react/views-new/service-accounts/service-accounts-view.tsx index 02d8908a5..99f7f0b63 100644 --- a/web/sdk/react/views-new/service-accounts/service-accounts-view.tsx +++ b/web/sdk/react/views-new/service-accounts/service-accounts-view.tsx @@ -120,10 +120,9 @@ export function ServiceAccountsView({ getColumns({ dateFormat, menuHandle: serviceAccountMenuHandle, - canUpdateWorkspace, - orgId + canUpdateWorkspace }), - [dateFormat, canUpdateWorkspace, orgId] + [dateFormat, canUpdateWorkspace] ); const handleCreated = (serviceUserId: string) => {