From 32b4b77c45b10232087ca076b9a85cf7df0b51c3 Mon Sep 17 00:00:00 2001
From: Kayla Washburn-Love <mckayla@hey.com>
Date: Fri, 22 Nov 2024 15:24:18 -0700
Subject: [PATCH] fix: use `ExternalImage` for external auth providers (#15572)

---
 .../ExternalAuthPage/ExternalAuthPageView.tsx            | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/UserSettingsPage/ExternalAuthPage/ExternalAuthPageView.tsx b/site/src/pages/UserSettingsPage/ExternalAuthPage/ExternalAuthPageView.tsx
index b0f6fbf581..cb3334a9a8 100644
--- 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>
 	);