mirror of
https://github.com/coder/coder.git
synced 2026-09-24 15:04:27 +08:00
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:
+5
-4
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user