Fix button tooltips

2022-01-20 13:03:54 -08:00
parent abae58489c
commit d7d38c1ba9
8 changed files with 105 additions and 174 deletions
--- a/src/UserMenu.jsx
+++ b/src/UserMenu.jsx
@@ -62,7 +62,7 @@ export function UserMenu({

  return (
    <PopoverMenuTrigger placement="bottom right">
-      <TooltipTrigger>
+      <TooltipTrigger placement="bottom left">
        <Button variant="icon" className={styles.userButton}>
          {isAuthenticated && !isPasswordlessUser ? (
            <Avatar
@@ -75,11 +75,7 @@ export function UserMenu({
            <UserIcon />
          )}
        </Button>
-        {(props) => (
-          <Tooltip position="bottomLeft" {...props}>
-            Profile
-          </Tooltip>
-        )}
+        {() => "Profile"}
      </TooltipTrigger>
      {(props) => (
        <Menu {...props} label="User menu" onAction={onAction}>