From ce305eab58fa9e8fde659258c6898c7a0d2bc1bd Mon Sep 17 00:00:00 2001
From: dmitriylaukhin <laukhin@dementiy.com>
Date: Sat, 25 Apr 2026 12:52:13 +0500
Subject: [PATCH] Add admin impersonation button to users table

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/admin/users-table.tsx | 63 ++++++++++++++++++++++------
 1 file changed, 50 insertions(+), 13 deletions(-)

diff --git a/src/components/admin/users-table.tsx b/src/components/admin/users-table.tsx
index 48fd2b3..01ff35c 100644
--- a/src/components/admin/users-table.tsx
+++ b/src/components/admin/users-table.tsx
@@ -1,8 +1,10 @@
 "use client";
 
 import { useState } from "react";
+import { useRouter } from "next/navigation";
 import Link from "next/link";
 import { Badge } from "@/components/ui/badge";
+import { authClient } from "@/lib/auth-client";
 
 type Enrollment = {
   courseId: string;
@@ -90,6 +92,38 @@ function UserPopup({ user }: { user: UserRow }) {
   );
 }
 
+function ImpersonateButton({ userId }: { userId: string }) {
+  const router = useRouter();
+  const [loading, setLoading] = useState(false);
+
+  async function handleImpersonate() {
+    setLoading(true);
+    try {
+      await authClient.admin.impersonateUser({ userId });
+      router.push("/dashboard");
+      router.refresh();
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <button
+      type="button"
+      onClick={handleImpersonate}
+      disabled={loading}
+      className="text-xs px-2 py-1 transition-colors"
+      style={{
+        border: "1px solid var(--border)",
+        color: loading ? "var(--muted-foreground)" : "var(--foreground)",
+        background: "transparent",
+      }}
+    >
+      {loading ? "..." : "Войти как"}
+    </button>
+  );
+}
+
 export function UsersTable({ users }: { users: UserRow[] }) {
   const [hoveredId, setHoveredId] = useState<string | null>(null);
 
@@ -134,21 +168,24 @@ export function UsersTable({ users }: { users: UserRow[] }) {
               <td className="px-5 py-3 text-sm text-slate-400">
                 {new Date(user.createdAt).toLocaleDateString("ru-RU")}
               </td>
-              {/* Hover popup trigger */}
+              {/* Actions */}
               <td className="px-3 py-3 relative">
-                <div
-                  className="relative inline-block"
-                  onMouseEnter={() => setHoveredId(user.id)}
-                  onMouseLeave={() => setHoveredId(null)}
-                >
-                  <button
-                    type="button"
-                    className="text-xs px-2 py-1"
-                    style={{ border: "1px solid var(--border)", color: "var(--muted-foreground)" }}
+                <div className="flex items-center gap-2">
+                  {user.role !== "admin" && <ImpersonateButton userId={user.id} />}
+                  <div
+                    className="relative inline-block"
+                    onMouseEnter={() => setHoveredId(user.id)}
+                    onMouseLeave={() => setHoveredId(null)}
                   >
-                    ···
-                  </button>
-                  {hoveredId === user.id && <UserPopup user={user} />}
+                    <button
+                      type="button"
+                      className="text-xs px-2 py-1"
+                      style={{ border: "1px solid var(--border)", color: "var(--muted-foreground)" }}
+                    >
+                      ···
+                    </button>
+                    {hoveredId === user.id && <UserPopup user={user} />}
+                  </div>
                 </div>
               </td>
             </tr>