Working on statistics

2026-07-14 11:16:13 +02:00 · 2025-08-02 11:14:51 +02:00
parent 13241811d0
commit d13e4b7d40
26 changed files with 641 additions and 119 deletions
@@ -1,20 +1,20 @@
 "use client";

-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { SettingsEmailTab } from "@/components/wrappers/dashboard/admin/admin-email-tab/settings-email-tab";
-import { SettingsStorageTab } from "@/components/wrappers/dashboard/admin/admin-storage-tab/settings-storage-tab";
-import { AdminUsersTable } from "@/components/wrappers/dashboard/admin/admin-user-table";
-import { User } from "@/db/schema/01_user";
-import { Setting } from "@/db/schema/00_setting";
-import { useEffect, useState } from "react";
-import { useRouter, useSearchParams } from "next/navigation";
+import {Tabs, TabsContent, TabsList, TabsTrigger} from "@/components/ui/tabs";
+import {SettingsEmailTab} from "@/components/wrappers/dashboard/admin/admin-email-tab/settings-email-tab";
+import {SettingsStorageTab} from "@/components/wrappers/dashboard/admin/admin-storage-tab/settings-storage-tab";
+import {User, UserWithAccounts} from "@/db/schema/01_user";
+import {Setting} from "@/db/schema/00_setting";
+import {useEffect, useState} from "react";
+import {useRouter, useSearchParams} from "next/navigation";
+import {AdminUsersTable} from "@/components/wrappers/dashboard/admin/admin-user-tab/admin-user-table";

 export type AdminTabsProps = {
-    users: User[];
+    users: UserWithAccounts[];
    settings: Setting;
 };

-export const AdminTabs = ({ users, settings }: AdminTabsProps) => {
+export const AdminTabs = ({users, settings}: AdminTabsProps) => {
    const router = useRouter();
    const searchParams = useSearchParams();

@@ -44,13 +44,13 @@ export const AdminTabs = ({ users, settings }: AdminTabsProps) => {
            </TabsList>

            <TabsContent value="users">
-                <AdminUsersTable users={users} />
+                <AdminUsersTable users={users}/>
            </TabsContent>
            <TabsContent value="email">
-                <SettingsEmailTab settings={settings} />
+                <SettingsEmailTab settings={settings}/>
            </TabsContent>
            <TabsContent value="storage">
-                <SettingsStorageTab settings={settings} />
+                <SettingsStorageTab settings={settings}/>
            </TabsContent>
        </Tabs>
    );
@@ -0,0 +1,81 @@
+import {ButtonWithLoading} from "@/components/wrappers/common/button/button-with-loading";
+import {useMutation} from "@tanstack/react-query";
+import {ColumnDef} from "@tanstack/react-table";
+import {Unlink} from "lucide-react";
+import {toast} from "sonner";
+import {useRouter} from "next/navigation";
+import {unlinkUserProviderAction} from "@/components/wrappers/dashboard/profile/user-form/user-form.action";
+import {providerSwitch} from "@/components/wrappers/common/provider-switch";
+
+export const accountsColumns: ColumnDef<{
+    id: string;
+    provider: string;
+    createdAt: Date;
+    updatedAt: Date;
+    accountId: string;
+    scopes: string[];
+}>[] = [
+    {
+        id: "provider",
+        header: "Provider",
+        cell: ({row}) => {
+            return (
+                <div>
+                    {providerSwitch(row.original.provider)}
+                </div>
+
+            )
+
+        },
+    },
+    {
+        header: "Action",
+        id: "actions",
+        cell: ({row, table}) => {
+            const router = useRouter();
+
+            const mutation = useMutation({
+                mutationFn: async () => {
+                    if (row.original.provider === "credential") {
+                        toast.error(`This provider cannot be unlinked.`);
+                        router.refresh();
+                        return;
+                    }
+
+                    if (table.getRowModel().rows.length <= 1) {
+                        toast.error(`You only have one provider linked to your account. Please add more one to unlink this`);
+                        router.refresh();
+                        return;
+                    }
+
+                    const status = await unlinkUserProviderAction({
+                        provider: row.original.provider,
+                        account: row.original.accountId,
+                    });
+
+                    if (status?.serverError || !status) {
+                        toast.error(status?.serverError);
+                        return;
+                    }
+                    toast.success(`Provider unlinked successfully.`);
+                    router.refresh();
+                },
+            });
+
+            return (
+                <div className="flex items-center gap-2">
+                    <ButtonWithLoading
+                        variant="outline"
+                        text=""
+                        disabled={row.original.provider === "credential" || table.getRowModel().rows.length <= 1}
+                        icon={<Unlink color="red" size={15}/>}
+                        onClick={async () => {
+                            await mutation.mutateAsync();
+                        }}
+                        size="icon"
+                    />
+                </div>
+            );
+        },
+    },
+];
@@ -0,0 +1,26 @@
+import {User, UserWithAccounts} from "@/db/schema/01_user";
+import {Card, CardContent, CardDescription, CardHeader, CardTitle} from "@/components/ui/card";
+import {DataTable} from "@/components/wrappers/common/table/data-table";
+import {usersColumnsAdmin} from "@/components/wrappers/dashboard/admin/admin-user-tab/columns-users";
+
+export type AdminUsersTableProps = {
+    users: UserWithAccounts[];
+
+};
+
+export const AdminUsersTable = (props: AdminUsersTableProps) => {
+    const {users} = props;
+    return (
+        <div className="flex flex-col gap-y-4 h-full py-4">
+            <Card>
+                <CardHeader>
+                    <CardTitle>Active users</CardTitle>
+                    <CardDescription>Manage your users</CardDescription>
+                </CardHeader>
+                <CardContent>
+                    <DataTable columns={usersColumnsAdmin} data={users}/>
+                </CardContent>
+            </Card>
+        </div>
+    );
+};
@@ -9,22 +9,20 @@ import {useState} from "react";
 import {Trash2} from "lucide-react";
 import {deleteUserAction} from "@/components/wrappers/dashboard/profile/button-delete-account/delete-account.action";
 import {ButtonWithLoading} from "@/components/wrappers/common/button/button-with-loading";
-import {User} from "@/db/schema/01_user";
+import {UserWithAccounts} from "@/db/schema/01_user";
 import {authClient, useSession} from "@/lib/auth/auth-client";
 import {formatFrenchDate} from "@/utils/date-formatting";
+import {providerSwitch} from "@/components/wrappers/common/provider-switch";

-export const usersColumnsAdmin: ColumnDef<User>[] = [
+export const usersColumnsAdmin: ColumnDef<UserWithAccounts>[] = [
    {
        accessorKey: "role",
        header: "Role",
        cell: ({row}) => {
            const [role, setRole] = useState<string>(row.getValue("role"));

-
            const {data: session, isPending, error} = authClient.useSession();
-
-
-
+            const isSuperAdmin = session?.user.role == "superadmin";
            const isCurrentUser = session?.user.email === row.original.email;

            const updateMutation = useMutation({
@@ -51,11 +49,10 @@ export const usersColumnsAdmin: ColumnDef<User>[] = [
            }


-
            return (
                <Badge
-                    className={isCurrentUser ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
-                    onClick={isCurrentUser ? undefined : () => handleUpdateRole()}
+                    className={isCurrentUser || !isSuperAdmin ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
+                    onClick={isCurrentUser || !isSuperAdmin ? undefined : () => handleUpdateRole()}
                    variant="outline"
                >
                    {role}
@@ -71,6 +68,21 @@ export const usersColumnsAdmin: ColumnDef<User>[] = [
        accessorKey: "email",
        header: "Email",
    },
+    {
+        accessorKey: "accounts",
+        header: "Provider ID",
+        cell: ({row}) => {
+            return(
+                <div>
+                    {row.original.accounts.map((item) => (
+                        <div key={item.id}>
+                            {providerSwitch(item.providerId)}
+                        </div>
+                    ))}
+                </div>
+            )
+        }
+    },
    {
        accessorKey: "updatedAt",
        header: "Updated At",
@@ -84,6 +96,7 @@ export const usersColumnsAdmin: ColumnDef<User>[] = [
        cell: ({row}) => {
            const router = useRouter();
            const {data: session, isPending} = useSession();
+            const isSuperAdmin = session?.user.role == "superadmin";

            const mutation = useMutation({
                mutationFn: () => deleteUserAction(row.original.id),
@@ -95,16 +108,16 @@ export const usersColumnsAdmin: ColumnDef<User>[] = [

            return (
                <div className="flex items-center gap-2">
-                        <ButtonWithLoading
-                            disabled={!session || session?.user.email === row.original.email}
-                            variant="outline"
-                            text=""
-                            icon={<Trash2 color="red" size={15}/>}
-                            onClick={async () => {
-                                await mutation.mutateAsync();
-                            }}
-                            size="sm"
-                        />
+                    <ButtonWithLoading
+                        disabled={!isSuperAdmin || !session || session?.user.email === row.original.email}
+                        variant="outline"
+                        text=""
+                        icon={<Trash2 color="red" size={15}/>}
+                        onClick={async () => {
+                            await mutation.mutateAsync();
+                        }}
+                        size="sm"
+                    />
                </div>
            );
        },
@@ -0,0 +1,87 @@
+import { ButtonWithLoading } from "@/components/wrappers/common/button/button-with-loading";
+import { useMutation } from "@tanstack/react-query";
+import { ColumnDef } from "@tanstack/react-table";
+import { Session } from "better-auth";
+import { Unlink } from "lucide-react";
+import { toast } from "sonner";
+import { useRouter } from "next/navigation";
+import detectOSWithUA from "@/utils/os-parser";
+import { Icon } from "@iconify/react";
+import { authClient } from "@/lib/auth/auth-client";
+import { timeAgo } from "@/utils/date-formatting";
+import {deleteUserSessionAction} from "@/components/wrappers/dashboard/profile/user-form/user-form.action";
+
+export const sessionsColumns: ColumnDef<Session>[] = [
+    {
+        accessorKey: "expiresAt",
+        header: "Expires At",
+        cell: ({ row }) => {
+            return timeAgo(row.original.expiresAt);
+        },
+    },
+    {
+        accessorKey: "ipAddress",
+        header: "IP Address",
+    },
+    {
+        id: "device",
+        header: "Device",
+        cell: ({ row }) => {
+            const os = detectOSWithUA(row.original.userAgent!);
+
+            return (
+                <div className="flex flex-row gap-x-2 items-center pt-4 pb-4">
+                    {os.icon && <Icon icon={`logos:${os.icon.name}`} height={os.icon.size.height} width={os.icon.size.width} />}
+                    {os.showText && <span>{os.name}</span>}
+                </div>
+            );
+        },
+    },
+    {
+        accessorKey: "userAgent",
+        header: "User Agent",
+    },
+    {
+        header: "Action",
+        id: "actions",
+        cell: ({ row }) => {
+            const router = useRouter();
+
+            const { data: session } = authClient.useSession();
+
+            const mutation = useMutation({
+                mutationFn: async () => {
+                    if (session?.session.id === row.original.id) {
+                        toast.error(`Unable to unlink active session.`);
+                        router.refresh();
+                        return;
+                    }
+
+                    const status = await deleteUserSessionAction(row.original.token);
+
+                    if (status?.serverError || !status) {
+                        toast.error(status?.serverError);
+                        return;
+                    }
+                    toast.success(`Session deleted successfully.`);
+                    router.refresh();
+                },
+            });
+
+            return (
+                <div className="flex items-center gap-2">
+                    <ButtonWithLoading
+                        variant="outline"
+                        disabled={session?.session.id === row.original.id}
+                        text=""
+                        icon={<Unlink color="red" size={15} />}
+                        onClick={async () => {
+                            await mutation.mutateAsync();
+                        }}
+                        size="icon"
+                    />
+                </div>
+            );
+        },
+    },
+];
@@ -1,21 +0,0 @@
-import { usersColumnsAdmin } from "@/components/wrappers/dashboard/admin/columns-users";
-import { User } from "@/db/schema/01_user";
-import { DataTable } from "../../common/table/data-table";
-
-export type AdminUsersTableProps = {
-    users: User[];
-};
-
-export const AdminUsersTable = (props: AdminUsersTableProps) => {
-    const { users } = props;
-    return (
-        <div className="flex flex-col h-full  py-4">
-            <div className="flex gap-4 h-fit justify-between">
-                <h1>List of Portabase's users</h1>
-            </div>
-            <div className="mt-5 h-full">
-                <DataTable columns={usersColumnsAdmin} data={users} />
-            </div>
-        </div>
-    );
-};