Commita833b7a

authored

fix: use AvatarData in OAuth2AppsSettings (#20342)

**Before:**<img width="1624" height="967" alt="Screenshot 2025-10-16 at 10 16 19"src="https://github.com/user-attachments/assets/7b3ebf4f-4096-41b6-b8f2-f1aa94a7ac87"/>**After:**<img width="1624" height="967" alt="Screenshot 2025-10-16 at 10 16 26"src="https://github.com/user-attachments/assets/a8d25ed4-1e40-4191-8d29-396121836443"/>

1 parent09a41f3 commita833b7aCopy full SHA for a833b7a

File tree

-4

lines changed

site/src/pages/DeploymentSettingsPage/OAuth2AppsSettingsPage
- OAuth2AppsSettingsPageView.tsx

-4

lines changed

Lines changed: 5 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@ import { useTheme } from "@emotion/react";`
`2`	`2`	`importtype*asTypesGenfrom"api/typesGenerated";`
`3`	`3`	`import{ErrorAlert}from"components/Alert/ErrorAlert";`
`4`	`4`	`import{Avatar}from"components/Avatar/Avatar";`
	`5`	`+import{AvatarData}from"components/Avatar/AvatarData";`
`5`	`6`	`import{Button}from"components/Button/Button";`
`6`	`7`	`import{`
`7`	`8`	`SettingsHeader,`
`@@ -101,10 +102,10 @@ const OAuth2AppRow: FC<OAuth2AppRowProps> = ({ app }) => {`
`101`	`102`	`return(`
`102`	`103`	<TableRowkey={app.id}data-testid={`app-${app.id}`}{...clickableProps}>
`103`	`104`	`<TableCell>`
`104`		`-<Stackdirection="row"spacing={1}>`
`105`		`-<Avatarvariant="icon"src={app.icon}fallback={app.name}/>`
`106`		`-<spanclassName="font-semibold">{app.name}</span>`
`107`		`-</Stack>`
	`105`	`+<AvatarData`
	`106`	`+avatar={<Avatarvariant="icon"src={app.icon}fallback={app.name}/>}`
	`107`	`+title={app.name}`
	`108`	`+/>`
`108`	`109`	`</TableCell>`
`109`	`110`
`110`	`111`	`<TableCell>`

Comments

(0)