fix: use ExternalImage for external auth providers (coder#15572)

aslilac · web-flow · commit 32b4b77c45b1 · 2024-11-22T15:24:18.000-07:00
diff --git a/site/src/pages/UserSettingsPage/ExternalAuthPage/ExternalAuthPageView.tsx b/site/src/pages/UserSettingsPage/ExternalAuthPage/ExternalAuthPageView.tsx
@@ -20,7 +20,7 @@ import type {
 	ListUserExternalAuthResponse,
 } from "api/typesGenerated";
 import { ErrorAlert } from "components/Alert/ErrorAlert";
-import { Avatar } from "components/Avatar/Avatar";
+import { Avatar, ExternalAvatar } from "components/Avatar/Avatar";
 import { AvatarData } from "components/AvatarData/AvatarData";
 import { Loader } from "components/Loader/Loader";
 import {
@@ -152,7 +152,12 @@ const ExternalAuthRow: FC<ExternalAuthRowProps> = ({
 		: (link?.authenticated ?? false);
 
 	let avatar = app.display_icon ? (
-		<Avatar src={app.display_icon} variant="square" fitImage size="sm" />
+		<ExternalAvatar
+			src={app.display_icon}
+			size="sm"
+			variant="square"
+			fitImage
+		/>
 	) : (
 		<Avatar>{name}</Avatar>
 	);
