jerry/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-10-30 05:51:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add hover feedback to welcome insert menu

Browse Source 
Signed-off-by: kenny lopez <klopez4212@gmail.com>
This commit is contained in:
kenny lopez
2026-08-27 18:14:56 +01:00
parent 8427694538
commit fe090044d8
2 changed files with 29 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
desktop/src/features/community-members/ui/WelcomeChannelSettingsCard.tsx
View File

@@ -834,19 +834,31 @@ export function WelcomeComposer({
/>
</ContextMenuTrigger>
<ContextMenuContent className={ACTION_TRAY_SURFACE_CLASS}>
<ContextMenuItem onSelect={() => insertAtCaret("member")}>
<ContextMenuItem
className="hover:bg-muted/50 hover:text-foreground"
onSelect={() => insertAtCaret("member")}
>
<UserRound className="h-4 w-4" />
New member’s name
</ContextMenuItem>
<ContextMenuItem onSelect={() => insertAtCaret("link")}>
<ContextMenuItem
className="hover:bg-muted/50 hover:text-foreground"
onSelect={() => insertAtCaret("link")}
>
<Link2 className="h-4 w-4" />
Link
</ContextMenuItem>
<ContextMenuItem onSelect={() => insertAtCaret("image")}>
<ContextMenuItem
className="hover:bg-muted/50 hover:text-foreground"
onSelect={() => insertAtCaret("image")}
>
<ImageIcon className="h-4 w-4" />
Image
</ContextMenuItem>
<ContextMenuItem onSelect={() => insertAtCaret("channel")}>
<ContextMenuItem
className="hover:bg-muted/50 hover:text-foreground"
onSelect={() => insertAtCaret("channel")}
>
<Hash className="h-4 w-4" />
Channel
</ContextMenuItem>

14
desktop/tests/e2e/invites-settings-screenshots.spec.ts
View File

@@ -146,7 +146,19 @@ test("builds a personalized welcome sequence", async ({ page }) => {
);
const editor = builder.getByTestId("welcome-inline-message");
await editor.click({ button: "right", position: { x: 420, y: 22 } });
await expect(page.getByRole("menuitem", { name: "Link" })).toBeVisible();
const linkMenuItem = page.getByRole("menuitem", { name: "Link" });
await expect(linkMenuItem).toBeVisible();
const restingMenuItemColor = await linkMenuItem.evaluate(
(element) => getComputedStyle(element).backgroundColor,
);
await linkMenuItem.hover();
await expect
.poll(() =>
linkMenuItem.evaluate(
(element) => getComputedStyle(element).backgroundColor,
),
)
.not.toBe(restingMenuItemColor);
await waitForAnimations(page);
await builder.screenshot({
path: `${OUTDIR}/03-welcome-channel-builder.png`,