Skip to content

Commit 2873207

Browse files
committed
🤖 Continue Tooltip migration - KebabMenu, MessageWindow complete
_Generated with `cmux`_
1 parent 2505ef1 commit 2873207

File tree

2 files changed

+16
-12
lines changed

2 files changed

+16
-12
lines changed

src/components/KebabMenu.tsx

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -88,10 +88,12 @@ export const KebabMenu: React.FC<KebabMenuProps> = ({ items, className }) => {
8888
return (
8989
<>
9090
<div className="relative">
91-
<TooltipWrapper inline>
92-
{button}
93-
<Tooltip align="center">More actions</Tooltip>
94-
</TooltipWrapper>
91+
<Tooltip>
92+
<TooltipTrigger asChild>
93+
{button}
94+
</TooltipTrigger>
95+
<TooltipContent>More actions</TooltipContent>
96+
</Tooltip>
9597
</div>
9698

9799
{isOpen &&

src/components/Messages/MessageWindow.tsx

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -88,14 +88,16 @@ export const MessageWindow: React.FC<MessageWindowProps> = ({
8888
{rightLabel}
8989
{buttons.map((button, index) =>
9090
button.tooltip ? (
91-
<TooltipWrapper key={index} inline>
92-
<ButtonWithHoverEmoji
93-
button={button}
94-
active={button.active}
95-
disabled={button.disabled}
96-
/>
97-
<Tooltip align="center">{button.tooltip}</Tooltip>
98-
</TooltipWrapper>
91+
<Tooltip key={index}>
92+
<TooltipTrigger asChild>
93+
<ButtonWithHoverEmoji
94+
button={button}
95+
active={button.active}
96+
disabled={button.disabled}
97+
/>
98+
</TooltipTrigger>
99+
<TooltipContent>{button.tooltip}</TooltipContent>
100+
</Tooltip>
99101
) : (
100102
<ButtonWithHoverEmoji
101103
key={index}

0 commit comments

Comments
 (0)