NotificationsYou must be signed in to change notification settings
Fork1k
Star11.2k

Commit17cd758

committed

chore: update to use DropdownMenu

1 parenta8fe0bf commit17cd758Copy full SHA for 17cd758

File tree

1 file changed

+27

-17

lines changed

site/src/pages/DeploymentSettingsPage/AppearanceSettingsPage
- AnnouncementBannerItem.tsx

1 file changed

+27

-17

lines changed

`‎site/src/pages/DeploymentSettingsPage/AppearanceSettingsPage/AnnouncementBannerItem.tsx‎`

Lines changed: 27 additions & 17 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,13 +3,9 @@ import Checkbox from "@mui/material/Checkbox";`
`3`	`3`	`importTableCellfrom"@mui/material/TableCell";`
`4`	`4`	`importTableRowfrom"@mui/material/TableRow";`
`5`	`5`	`importtype{BannerConfig}from"api/typesGenerated";`
`6`		`-import{`
`7`		`-MoreMenu,`
`8`		`-MoreMenuContent,`
`9`		`-MoreMenuItem,`
`10`		`-MoreMenuTrigger,`
`11`		`-ThreeDotsButton,`
`12`		`-}from"components/MoreMenu/MoreMenu";`
	`6`	`+import{Button}from"components/Button/Button";`
	`7`	`+import{DropdownMenu,DropdownMenuContent,DropdownMenuItem,DropdownMenuTrigger}from"components/DropdownMenu/DropdownMenu";`
	`8`	`+import{EllipsisVertical}from"lucide-react";`
`13`	`9`	`importtype{FC}from"react";`
`14`	`10`
`15`	`11`	`interfaceAnnouncementBannerItemProps{`
`@@ -48,17 +44,31 @@ export const AnnouncementBannerItem: FC<AnnouncementBannerItemProps> = ({`
`48`	`44`	`</TableCell>`
`49`	`45`
`50`	`46`	`<TableCell>`
`51`		`-<MoreMenu>`
`52`		`-<MoreMenuTrigger>`
`53`		`-<ThreeDotsButton/>`
`54`		`-</MoreMenuTrigger>`
`55`		`-<MoreMenuContent>`
`56`		`-<MoreMenuItemonClick={()=>onEdit()}>Edit…</MoreMenuItem>`
`57`		`-<MoreMenuItemonClick={()=>onDelete()}danger>`
	`47`	`+<DropdownMenu>`
	`48`	`+<DropdownMenuTriggerasChild>`
	`49`	`+<Button`
	`50`	`+size="icon-lg"`
	`51`	`+variant="subtle"`
	`52`	`+aria-label="Open menu"`
	`53`	`+>`
	`54`	`+<EllipsisVerticalaria-hidden="true"/>`
	`55`	`+<spanclassName="sr-only">Open menu</span>`
	`56`	`+</Button>`
	`57`	`+</DropdownMenuTrigger>`
	`58`	`+<DropdownMenuContentalign="end">`
	`59`	`+<DropdownMenuItem`
	`60`	`+onClick={()=>onEdit()}`
	`61`	`+>`
	`62`	`+Edit…`
	`63`	`+</DropdownMenuItem>`
	`64`	`+<DropdownMenuItem`
	`65`	`+className="text-content-destructive focus:text-content-destructive"`
	`66`	`+onClick={()=>onDelete()}`
	`67`	`+>`
`58`	`68`	`Delete…`
`59`		`-</MoreMenuItem>`
`60`		`-</MoreMenuContent>`
`61`		`-</MoreMenu>`
	`69`	`+</DropdownMenuItem>`
	`70`	`+</DropdownMenuContent>`
	`71`	`+</DropdownMenu>`
`62`	`72`	`</TableCell>`
`63`	`73`	`</TableRow>`
`64`	`74`	`);`

0 commit comments

Comments

(0)

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit17cd758

File tree

1 file changed

1 file changed

`‎site/src/pages/DeploymentSettingsPage/AppearanceSettingsPage/AnnouncementBannerItem.tsx‎`

0 commit comments