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"
/>
This commit is contained in:
Bruno Quaresma
2025-10-17 09:57:02 -03:00
committed by GitHub
parent 09a41f3d1f
commit a833b7af9d
@@ -2,6 +2,7 @@ import { useTheme } from "@emotion/react";
import type * as TypesGen from "api/typesGenerated";
import { ErrorAlert } from "components/Alert/ErrorAlert";
import { Avatar } from "components/Avatar/Avatar";
import { AvatarData } from "components/Avatar/AvatarData";
import { Button } from "components/Button/Button";
import {
SettingsHeader,
@@ -101,10 +102,10 @@ const OAuth2AppRow: FC<OAuth2AppRowProps> = ({ app }) => {
return (
<TableRow key={app.id} data-testid={`app-${app.id}`} {...clickableProps}>
<TableCell>
<Stack direction="row" spacing={1}>
<Avatar variant="icon" src={app.icon} fallback={app.name} />
<span className="font-semibold">{app.name}</span>
</Stack>
<AvatarData
avatar={<Avatar variant="icon" src={app.icon} fallback={app.name} />}
title={app.name}
/>
</TableCell>
<TableCell>