For release.

src/components/wrappers/dashboard/settings/columns-organization-members.tsx

@@ -1,43 +1,58 @@
 "use client";
 
-import { ColumnDef } from "@tanstack/react-table";
+import {ColumnDef} from "@tanstack/react-table";
 import {MemberWithUser} from "@/db/schema/02_organization";
 import {useState} from "react";
-import {useSession} from "@/lib/auth/auth-client";
+import {authClient, useSession} from "@/lib/auth/auth-client";
 import {useMutation} from "@tanstack/react-query";
-import {updateUserAction} from "@/components/wrappers/dashboard/profile/user-form/user-form.action";
 import {toast} from "sonner";
 import {Badge} from "@/components/ui/badge";
+import {updateMemberRoleAction} from "@/components/wrappers/dashboard/settings/update-member.action";
+import {RoleSchemaMember} from "@/components/wrappers/dashboard/settings/member.schema";
+
 
 export const organizationMemberColumns: ColumnDef<MemberWithUser>[] = [
     {
         accessorKey: "role",
         header: "Role",
-        cell: ({row}) => {
+        cell: ({ row }) => {
             const [role, setRole] = useState<string>(row.getValue("role"));
             const { data: session } = useSession();
-            const isCurrentUser = session?.user.email === row.original.user.email;
 
-            // const updateMutation = useMutation({
-            //     mutationFn: () => updateUserAction({id: row.original.id, data: {role: role}}),
-            //     onSuccess: () => {
-            //         toast.success(`User updated successfully.`);
-            //     },
-            //     onError: () => {
-            //         toast.error(`An error occurred while updating user information.`);
-            //     },
-            // });
+
+            const updateMutation = useMutation({
+                mutationFn: () =>
+                    updateMemberRoleAction({
+                        memberId: row.original.id,
+                        organizationId: row.original.organizationId,
+                        role: RoleSchemaMember.parse(role),
+                    }),
+                onSuccess: () => {
+                    toast.success(`User updated successfully.`);
+                },
+                onError: () => {
+                    toast.error(`An error occurred while updating user information.`);
+                },
+            });
 
             const handleUpdateRole = async () => {
-                // const nextRole = role === "admin" ? "pending" : role === "pending" ? "user" : "admin";
-                // setRole(nextRole);
-                // await updateMutation.mutateAsync();
+                const nextRole =
+                    role === "owner" ? "admin" : role === "admin" ? "member" : "owner";
+                setRole(nextRole);
+                await updateMutation.mutateAsync();
             };
 
+
+            const isCurrentUser = session?.user.email === row.original.user.email;
+            const isMember = session?.user.role === "member";
+
+
+            const isDisabled = isMember || isCurrentUser;
+
             return (
                 <Badge
-                    className={isCurrentUser ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
-                    onClick={isCurrentUser ? undefined : () => handleUpdateRole()}
+                    className={isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
+                    onClick={isDisabled ? undefined : handleUpdateRole}
                     variant="outline"
                 >
                     {role}

src/components/wrappers/dashboard/settings/member.schema.ts

@@ -0,0 +1,8 @@
+import {z} from "zod";
+
+const RoleEnum = z.enum(["member", "owner", "admin"]);
+
+export const RoleSchemaMember = z.union([
+    RoleEnum,
+    z.array(RoleEnum)
+]);

src/components/wrappers/dashboard/settings/update-member.action.ts

@@ -0,0 +1,51 @@
+"use server";
+import {userAction} from "@/safe-actions";
+import {z} from "zod";
+import {auth} from "@/lib/auth/auth";
+import {ServerActionResult} from "@/types/action-type";
+import {Member} from "better-auth/plugins";
+import {RoleSchemaMember} from "@/components/wrappers/dashboard/settings/member.schema";
+import {headers} from "next/headers";
+
+
+
+
+export const updateMemberRoleAction = userAction.schema(
+    z.object({
+        memberId: z.string(),
+        organizationId: z.string(),
+        role: RoleSchemaMember,
+    })
+).action(async ({parsedInput}): Promise<ServerActionResult<Member>> => {
+    try {
+        console.log(parsedInput);
+        const updatedMember = await auth.api.updateMemberRole({
+            body: {
+                role: parsedInput.role,
+                memberId: parsedInput.memberId,
+                organizationId: parsedInput.organizationId,
+            },
+            headers: await headers(),
+        });
+        console.log(updatedMember);
+
+        return {
+            success: true,
+            value: updatedMember,
+            actionSuccess: {
+                message: "Member has been successfully updated.",
+                messageParams: {},
+            },
+        };
+    } catch (error) {
+        return {
+            success: false,
+            actionError: {
+                message: "Failed to update member role.",
+                status: 500,
+                cause: error instanceof Error ? error.message : "Unknown error",
+                messageParams: {},
+            },
+        };
+    }
+});