User role access.

src/components/wrappers/Auth/Register/RegisterForm/register-form.action.ts

@@ -11,11 +11,20 @@ export const registerUserAction = action
         const user = await prisma.user.findUnique({ where: { email: parsedInput.email } });
         console.log(user);
         if (!user && parsedInput.password === parsedInput.confirmPassword) {
+
+            const users = await prisma.user.findMany({
+                where:{
+                    deleted: { not: true },
+                }
+            })
+            const role = users.length > 0 ? "pending" : "admin"
+
             const new_user = await prisma.user.create({
                 data: {
                     name: parsedInput.name,
                     email: parsedInput.email,
                     password: await hashPassword(parsedInput.password),
+                    role: role
                 },
             });
             return {

src/components/wrappers/Dashboard/Profile/UserForm/user-form.schema.ts

@@ -1,8 +1,9 @@
 import {z} from "zod";
 
 export const UserSchema = z.object({
-    name: z.string(),
-    email: z.string(),
+    name: z.string().optional(),
+    email: z.string().optional(),
+    role: z.string().optional(),
 });
 
 export type UserType = z.infer<typeof UserSchema>;

src/components/wrappers/Dashboard/Settings/SettingsTabs/SettingsTabs.tsx

@@ -1,7 +1,7 @@
 "use client"
 import {Tabs, TabsContent, TabsList, TabsTrigger} from "@/components/ui/tabs";
 import {DataTableWithPagination} from "@/components/wrappers/table/data-table-with-pagination";
-import {usersColumns} from "@/components/wrappers/Dashboard/Settings/SettingsTabs/columns-users";
+import {usersColumns} from "@/components/wrappers/Dashboard/Settings/SettingsUsersTab/columns-users";
 import {User, Settings} from "@prisma/client";
 import {backupColumns} from "@/features/backup/columns";
 import {SettingsEmailTab} from "@/components/wrappers/Dashboard/Settings/SettingsEmailTab/SettingsEmailTab";

src/components/wrappers/Dashboard/Settings/SettingsTabs/columns-users.tsx

@@ -1,30 +0,0 @@
-"use client"
-
-import {ColumnDef} from "@tanstack/react-table"
-import {Badge} from "@/components/ui/badge";
-import {User} from "@prisma/client";
-
-export const usersColumns: ColumnDef<User>[] = [
-    {
-        accessorKey: "name",
-        header: "Name"
-    },
-    {
-        accessorKey: "email",
-        header: "Email"
-    },
-    {
-        accessorKey: "createdAt",
-        header: "Created At",
-        cell: ({row}) => {
-            return new Date(row.getValue("createdAt")).toLocaleString("fr-FR");
-        },
-    },
-    {
-        accessorKey: "authMethod",
-        header: "Method",
-        cell: ({row}) => {
-            return <Badge variant="outline">{row.getValue("authMethod")}</Badge>
-        },
-    }
-]

src/components/wrappers/Dashboard/Settings/SettingsUsersTab/SettingsUsersTab.tsx

@@ -1,5 +1,5 @@
 import {DataTableWithPagination} from "@/components/wrappers/table/data-table-with-pagination";
-import {usersColumns} from "@/components/wrappers/Dashboard/Settings/SettingsTabs/columns-users";
+import {usersColumns} from "@/components/wrappers/Dashboard/Settings/SettingsUsersTab/columns-users";
 import {User} from "@prisma/client";
 
 

src/components/wrappers/Dashboard/Settings/SettingsUsersTab/columns-users.tsx

@@ -0,0 +1,68 @@
+"use client"
+
+import {ColumnDef} from "@tanstack/react-table"
+import {Badge} from "@/components/ui/badge";
+import {User} from "@prisma/client";
+import {updateUserAction} from "@/components/wrappers/Dashboard/Profile/UserForm/user-form.action";
+import {useMutation} from "@tanstack/react-query";
+import {toast} from "sonner";
+import {useRouter} from "next/navigation";
+import {useState} from "react";
+
+export const usersColumns: ColumnDef<User>[] = [
+    {
+        accessorKey: "role",
+        header: "Role",
+        cell: ({row}) => {
+            const router = useRouter();
+            const [role, setRole] = useState<string>(row.getValue("role"))
+
+            const updateMutation = useMutation({
+                mutationFn: () => updateUserAction({id: row.original.id, data: {role: role}}),
+                onSuccess: () => {
+                    toast.success(`User updated successfully.`);
+                    router.refresh()
+
+                },
+                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()
+            };
+
+            return <Badge
+                className="cursor-pointer"
+                onClick={() => handleUpdateRole()}
+                variant="outline">{role}</Badge>
+        },
+    },
+    {
+        accessorKey: "name",
+        header: "Name"
+    },
+    {
+        accessorKey: "email",
+        header: "Email"
+    },
+    {
+        accessorKey: "createdAt",
+        header: "Created At",
+        cell: ({row}) => {
+            return new Date(row.getValue("createdAt")).toLocaleString("fr-FR");
+        },
+    },
+    {
+        accessorKey: "authMethod",
+        header: "Method",
+        cell: ({row}) => {
+            return <Badge variant="outline">{row.getValue("authMethod")}</Badge>
+        },
+    }
+]

src/components/wrappers/Dashboard/Settings/SettingsUsersTab/settings-user-tab.action.ts

@@ -0,0 +1,2 @@
+
+