chore: replace MoreMenu with DropdownMenu (#17615)

mirror of https://github.com/coder/coder.git synced 2026-11-02 05:23:10 +08:00

Replace MoreMenu with DropDownMenu component to match update design
patterns.

Note: This was the result of experimentation using Cursor to make the
changes and Claude Code for fixing tests.

One key takeaway is that verbose e2e logging, especially benign
warnings/errors can confuse Claude Code in running playwright and
confirming its work.


<img width="201" alt="Screenshot 2025-05-01 at 00 00 52"
src="https://github.com/user-attachments/assets/4905582e-902e-4b61-adc8-14cab6bd006b"
/>
<img width="257" alt="Screenshot 2025-05-01 at 00 01 07"
src="https://github.com/user-attachments/assets/5befc420-724a-4c57-9a9d-330a39867fae"
/>
<img width="270" alt="Screenshot 2025-05-01 at 00 01 20"
src="https://github.com/user-attachments/assets/9cbf07cb-7d44-4228-ae6f-216e9f2faed0"
/>
<img width="224" alt="Screenshot 2025-05-01 at 00 01 30"
src="https://github.com/user-attachments/assets/9fe95916-3d9d-4600-9b1f-8a620e152a53"
/>

This commit is contained in:

Jaayden Halko

2025-05-01 13:14:11 -04:00

committed by

GitHub

parent b7e08ba7c9

commit d9ef6ed8ae

22 changed files with 384 additions and 504 deletions

									
										site/src/components/DropdownMenu/DropdownMenu.tsx
									
		+1
		-1
	
												View File
												
				@@ -196,7 +196,7 @@ export const DropdownMenuSeparator = forwardRef<

				>(({ className, ...props }, ref) => (

					<DropdownMenuPrimitive.Separator

						ref={ref}

						className={cn(["-mx-1 my-3 h-px bg-border"], className)}

						className={cn(["-mx-1 my-2 h-px bg-border"], className)}

						{...props}

					/>

				));