import { LogOut } from "lucide-react";
import { useNavigate } from "react-router-dom";
import { useLogout, useMe } from "../hooks/auth";
import { useMyStats } from "../hooks/stats";
import { Avatar } from "./Avatar";
/** Боковое меню, выезжающее из правого края. Сверху — кликабельная плашка аккаунта
* (краткая сводка → /account), ниже — выход. Открытием управляет AppShell. */
export function SideMenu({ open, onClose }: { open: boolean; onClose: () => void }) {
const { data: me } = useMe();
const { data: stats } = useMyStats();
const logout = useLogout();
const navigate = useNavigate();
const goAccount = () => {
onClose();
navigate("/account");
};
const doLogout = async () => {
onClose();
await logout.mutateAsync().catch(() => {});
navigate("/login", { replace: true });
};
return (
<>
);
}