Use FloatingTooltip from zen.

This commit is contained in:
Mike Cao 2025-03-13 17:52:45 -07:00
parent 556cc1b205
commit a9ba2504d7
9 changed files with 37 additions and 149 deletions

View file

@ -1,22 +0,0 @@
import { Button, Icon, Icons, TooltipPopup } from '@umami/react-zen';
import Link from 'next/link';
import { useMessages } from '@/components/hooks';
export function LogoutButton({
tooltipPosition = 'top',
}: {
tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
}) {
const { formatMessage, labels } = useMessages();
return (
<Link href="/src/app/logout/LogoutPage">
<TooltipPopup label={formatMessage(labels.logout)} position={tooltipPosition}>
<Button variant="quiet">
<Icon>
<Icons.Logout />
</Icon>
</Button>
</TooltipPopup>
</Link>
);
}