Remove admin functionality related code

The admin functionality related code has been removed which includes various user and organization functionalities like delete, update, ban etc. This includes action logic, UI components and supportive utility functions. Notable deletions include the server action files, dialog components for actions like banning and deleting, and related utility functions. This massive cleanup is aimed at simplifying the codebase and the commit reflects adherence to project restructuring.

packages/features/team-accounts/src/components/invitations/account-invitations-table.tsx

@@ -15,6 +15,7 @@ import {
   DropdownMenuTrigger,
 } from '@kit/ui/dropdown-menu';
 import { If } from '@kit/ui/if';
+import { Input } from '@kit/ui/input';
 import { ProfileAvatar } from '@kit/ui/profile-avatar';
 
 import { RoleBadge } from '../role-badge';
@@ -37,9 +38,30 @@ export function AccountInvitationsTable({
   invitations,
   permissions,
 }: AccountInvitationsTableProps) {
+  const [search, setSearch] = useState('');
   const columns = useMemo(() => getColumns(permissions), [permissions]);
 
-  return <DataTable columns={columns} data={invitations} />;
+  const filteredInvitations = invitations.filter((member) => {
+    const searchString = search.toLowerCase();
+    const email = member.email.split('@')[0]?.toLowerCase() ?? '';
+
+    return (
+      email.includes(searchString) ||
+      member.role.toLowerCase().includes(searchString)
+    );
+  });
+
+  return (
+    <div className={'flex flex-col space-y-2'}>
+      <Input
+        value={search}
+        onInput={(e) => setSearch((e.target as HTMLInputElement).value)}
+        placeholder={'Search Invitation'}
+      />
+
+      <DataTable columns={columns} data={filteredInvitations} />
+    </div>
+  );
 }
 
 function getColumns(permissions: {

packages/features/team-accounts/src/components/invitations/update-invitation-dialog.tsx

@@ -34,7 +34,7 @@ type Role = Database['public']['Enums']['account_role'];
 export const UpdateInvitationDialog: React.FC<{
   isOpen: boolean;
   setIsOpen: (isOpen: boolean) => void;
-  invitationId: string;
+  invitationId: number;
   userRole: Role;
 }> = ({ isOpen, setIsOpen, invitationId, userRole }) => {
   return (
@@ -65,7 +65,7 @@ function UpdateInvitationForm({
   userRole,
   setIsOpen,
 }: React.PropsWithChildren<{
-  invitationId: string;
+  invitationId: number;
   userRole: Role;
   setIsOpen: (isOpen: boolean) => void;
 }>) {
@@ -75,7 +75,10 @@ function UpdateInvitationForm({
   const onSubmit = ({ role }: { role: Role }) => {
     startTransition(async () => {
       try {
-        await updateInvitationAction({ invitationId, role });
+        await updateInvitationAction({
+          invitationId,
+          role,
+        });
 
         setIsOpen(false);
       } catch (e) {

packages/features/team-accounts/src/components/members/account-members-table.tsx

@@ -15,6 +15,7 @@ import {
   DropdownMenuTrigger,
 } from '@kit/ui/dropdown-menu';
 import { If } from '@kit/ui/if';
+import { Input } from '@kit/ui/input';
 import { ProfileAvatar } from '@kit/ui/profile-avatar';
 
 import { RoleBadge } from '../role-badge';
@@ -42,12 +43,34 @@ export function AccountMembersTable({
   permissions,
   currentUserId,
 }: AccountMembersTableProps) {
+  const [search, setSearch] = useState('');
+
   const columns = useMemo(
     () => getColumns(permissions, currentUserId),
     [currentUserId, permissions],
   );
 
-  return <DataTable columns={columns} data={members} />;
+  const filteredMembers = members.filter((member) => {
+    const searchString = search.toLowerCase();
+    const displayName = member.name ?? member.email.split('@')[0];
+
+    return (
+      displayName.includes(searchString) ||
+      member.role.toLowerCase().includes(searchString)
+    );
+  });
+
+  return (
+    <div className={'flex flex-col space-y-2'}>
+      <Input
+        value={search}
+        onInput={(e) => setSearch((e.target as HTMLInputElement).value)}
+        placeholder={'Search Member'}
+      />
+
+      <DataTable columns={columns} data={filteredMembers} />
+    </div>
+  );
 }
 
 function getColumns(
@@ -111,7 +134,7 @@ function getColumns(
             <If condition={isPrimaryOwner}>
               <span
                 className={
-                  'rounded-md bg-yellow-400 px-2.5 py-1 text-xs font-medium'
+                  'rounded-md bg-yellow-400 px-2.5 py-1 text-xs font-medium dark:text-black'
                 }
               >
                 Primary

packages/features/team-accounts/src/components/role-badge.tsx

@@ -10,7 +10,7 @@ const roleClassNameBuilder = cva('font-medium capitalize', {
   variants: {
     role: {
       owner: 'bg-primary',
-      member: 'bg-blue-50 text-blue-500 hover:bg-blue-50',
+      member: 'bg-blue-50 text-blue-500 dark:bg-blue-500/10',
     },
   },
 });