Admin

1"use client"
2 
3import { isImpersonatingSession } from "@better-auth-ui/core/plugins"
4import {
5  type AdminAuthClient,
6  useAuth,
7  useAuthPlugin,
8  useSession,
9  useStopImpersonating
10} from "@better-auth-ui/react"
11import { UserRoundCheck } from "lucide-react"
12 
13import { DropdownMenuItem } from "@/components/ui/dropdown-menu"
14import { Spinner } from "@/components/ui/spinner"
15import { adminPlugin } from "@/lib/auth/admin-plugin"
16 
17export type StopImpersonatingProps = {
18  className?: string
19}
20 
21/**
22 * Restore the administrator's session when the current session is
23 * impersonating another user.
24 */
25export function StopImpersonating({ className }: StopImpersonatingProps) {
26  const { authClient } = useAuth()
27  const { localization } = useAuthPlugin(adminPlugin)
28  const { data: session } = useSession(authClient)
29  const stopImpersonating = useStopImpersonating(authClient as AdminAuthClient)
30 
31  if (!isImpersonatingSession(session)) {
32    return null
33  }
34 
35  return (
36    <DropdownMenuItem
37      className={className}
38      disabled={stopImpersonating.isPending}
39      onClick={() => stopImpersonating.mutate(undefined)}
40    >
41      {stopImpersonating.isPending ? (
42        <Spinner />
43      ) : (
44        <UserRoundCheck className="text-muted-foreground" />
45      )}
46 
47      {localization.stopImpersonating}
48    </DropdownMenuItem>
49  )
50}