fix: fix windsurf icon on light theme (cherry-pick #17679) (#17686)

gcp-cherry-pick-bot[bot] · BrunoQuaresma · web-flow · commit e4558e2c54d4 · 2025-05-06T08:13:40.000+05:00
Co-authored-by: Bruno Quaresma <bruno@coder.com> fix: fix windsurf icon on light theme (#17679)
diff --git a/site/src/modules/resources/AppLink/BaseIcon.tsx b/site/src/modules/resources/AppLink/BaseIcon.tsx
@@ -1,5 +1,6 @@
 import ComputerIcon from "@mui/icons-material/Computer";
 import type { WorkspaceApp } from "api/typesGenerated";
+import { ExternalImage } from "components/ExternalImage/ExternalImage";
 import type { FC } from "react";
 
 interface BaseIconProps {
@@ -9,7 +10,7 @@ interface BaseIconProps {
 
 export const BaseIcon: FC<BaseIconProps> = ({ app, onIconPathError }) => {
 	return app.icon ? (
-		<img
+		<ExternalImage
 			alt={`${app.display_name} Icon`}
 			src={app.icon}
 			style={{ pointerEvents: "none" }}
diff --git a/site/src/theme/externalImages.ts b/site/src/theme/externalImages.ts
@@ -160,4 +160,5 @@ export const defaultParametersForBuiltinIcons = new Map<string, string>([
 	["/icon/rust.svg", "monochrome"],
 	["/icon/terminal.svg", "monochrome"],
 	["/icon/widgets.svg", "monochrome"],
+	["/icon/windsurf.svg", "monochrome"],
 ]);
