Working on add/delete users to workspace. Edit workspaces and some permissions.

src/components/wrappers/dashboard/settings/EditButtonSettings/EditButtonSettings.tsx

@@ -0,0 +1,21 @@
+"use client"
+import {buttonVariants} from "@/components/ui/button";
+import {GearIcon} from "@radix-ui/react-icons";
+import Link from "next/link";
+import {usePathname} from "next/navigation";
+
+export type EditButtonSettings = {}
+
+export const EditButtonSettings= (props:EditButtonSettings) => {
+
+    const pathname = usePathname();
+
+
+    return(
+        <Link className={buttonVariants({variant: "outline"})}
+              href={`${pathname}/edit/`}
+        >
+            <GearIcon className="w-7 h-7"/>
+        </Link>
+    )
+}

src/components/wrappers/dashboard/settings/SettingsTabs/SettingsTabs.tsx

@@ -2,7 +2,7 @@
 
 import {Tabs, TabsContent, TabsList, TabsTrigger} from "@/components/ui/tabs";
 import {DataTableWithPagination} from "@/components/wrappers/common/table/data-table-with-pagination";
-import {usersColumns} from "@/components/wrappers/dashboard/settings/SettingsUsersTab/columns-users";
+import {usersColumns} from "@/components/wrappers/dashboard/settings/SettingsUsersTab/columns-users-settings";
 import {User, Settings} from "@prisma/client";
 import {backupColumns} from "@/features/backup/columns";
 import {SettingsEmailTab} from "@/components/wrappers/dashboard/admin/AdminEmailTab/SettingsEmailTab";
@@ -21,34 +21,6 @@ export const SettingsTabs = (props: SettingsTabsProps) => {
     const {currentUser, users} = props;
 
     return (
-
-        // <Tabs defaultValue="informations" >
-        //     <TabsList className="w-full">
-        //         <TabsTrigger className="w-full " value="informations">Info</TabsTrigger>
-        //         <TabsTrigger className="w-full " value="users">Users</TabsTrigger>
-        //         <TabsTrigger className="w-full " value="email">Email</TabsTrigger>
-        //         <TabsTrigger className="w-full " value="storage">Storage</TabsTrigger>
-        //     </TabsList>
-        //     <TabsContent value="informations">
-        //         <div className="flex flex-1 flex-col gap-4 py-4">
-        //             <div className="grid auto-rows-min gap-4 md:grid-cols-3">
-        //                 <div className="aspect-video rounded-xl bg-muted/50"/>
-        //                 <div className="aspect-video rounded-xl bg-muted/50"/>
-        //                 <div className="aspect-video rounded-xl bg-muted/50"/>
-        //             </div>
-        //             <div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min"/>
-        //         </div>
-        //     </TabsContent>
-        //     <TabsContent value="users" >
         <SettingsUsersTab currentUser={currentUser} users={users}/>
-        //     </TabsContent>
-        //     <TabsContent value="email">
-        //         <SettingsEmailTab settings={props.settings}/>
-        //     </TabsContent>
-        //     <TabsContent value="storage">
-        //         <SettingsStorageTab settings={props.settings}/>
-        //     </TabsContent>
-        // </Tabs>
-
     )
 }

src/components/wrappers/dashboard/settings/SettingsUsersTab/SettingsUsersTab.tsx

@@ -1,6 +1,6 @@
 import {User} from "@prisma/client";
 import {DataTableWithPagination} from "@/components/wrappers/common/table/data-table-with-pagination";
-import {usersColumns} from "@/components/wrappers/dashboard/settings/SettingsUsersTab/columns-users";
+import {usersColumns} from "@/components/wrappers/dashboard/settings/SettingsUsersTab/columns-users-settings";
 import {UsersDataTable} from "@/components/wrappers/dashboard/admin/admin-user-table";
 
 

src/components/wrappers/dashboard/settings/SettingsUsersTab/columns-users-settings.tsx

@@ -55,48 +55,10 @@ export const usersColumns: ColumnDef<User>[] = [
         header: "Email"
     },
     {
-        accessorKey: "createdAt",
-        header: "Created At",
+        accessorKey: "updatedAt",
+        header: "Updated At",
         cell: ({row}) => {
-            return new Date(row.getValue("createdAt")).toLocaleString("fr-FR");
+            return new Date(row.getValue("updatedAt")).toLocaleString("fr-FR");
         },
-    },
-    {
-        accessorKey: "authMethod",
-        header: "Method",
-        cell: ({row}) => {
-            return <Badge variant="outline">{row.getValue("authMethod")}</Badge>
-        },
-    },
-    {
-        header: "Action",
-        id: "actions",
-        cell: ({ row, table }) => {
-
-            const router = useRouter();
-            const mutation = useMutation({
-                mutationFn: () => deleteUserAction(row.original.id),
-                onSuccess: async () => {
-                   toast.success('User deleted successfully.');
-                   router.refresh()
-                },
-            })
-
-
-            return (
-                <div className="flex items-center gap-2">
-                    <ButtonWithLoading
-                        variant="outline"
-                        text=""
-                        icon={<Trash2 color="red" size={15} />}
-                        onClick={async () => {
-                            await mutation.mutateAsync();
-                        }}
-                        size="icon"
-                    />
-
-                </div>
-            );
-        },
-    },
+    }
 ]