41 lines
1.0 KiB
TypeScript
41 lines
1.0 KiB
TypeScript
"use client";
|
||
|
||
import { useState } from "react";
|
||
import { authClient } from "@/lib/auth-client";
|
||
|
||
export function StopImpersonateBanner({ userName }: { userName: string }) {
|
||
const [loading, setLoading] = useState(false);
|
||
|
||
async function handleStop() {
|
||
setLoading(true);
|
||
try {
|
||
await authClient.admin.stopImpersonating();
|
||
window.location.href = "/admin/users";
|
||
} catch {
|
||
setLoading(false);
|
||
}
|
||
}
|
||
|
||
return (
|
||
<div
|
||
className="flex items-center justify-between px-6 py-2 text-sm"
|
||
style={{
|
||
backgroundColor: "var(--color-highlight)",
|
||
borderBottom: "2px solid var(--foreground)",
|
||
}}
|
||
>
|
||
<span>
|
||
Вы просматриваете платформу как <strong>{userName}</strong>
|
||
</span>
|
||
<button
|
||
type="button"
|
||
onClick={handleStop}
|
||
disabled={loading}
|
||
className="btn-aubade text-xs px-3 py-1"
|
||
>
|
||
{loading ? "..." : "← Вернуться в админку"}
|
||
</button>
|
||
</div>
|
||
);
|
||
}
|