fix: change resource icon colors in the delete modal based on the set theme (#16550)

brettkolodny · web-flow · commit b23e3f913208 · 2025-02-13T17:41:02.000-05:00
diff --git a/site/src/pages/WorkspacesPage/BatchDeleteConfirmation.tsx b/site/src/pages/WorkspacesPage/BatchDeleteConfirmation.tsx
@@ -4,6 +4,7 @@ import ScheduleIcon from "@mui/icons-material/Schedule";
 import { visuallyHidden } from "@mui/utils";
 import type { Workspace } from "api/typesGenerated";
 import { ConfirmDialog } from "components/Dialogs/ConfirmDialog/ConfirmDialog";
+import { ExternalImage } from "components/ExternalImage/ExternalImage";
 import { Stack } from "components/Stack/Stack";
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
@@ -247,7 +248,11 @@ const Resources: FC<StageProps> = ({ workspaces }) => {
 			>
 				{Object.entries(resources).map(([type, summary]) => (
 					<Stack key={type} direction="row" alignItems="center" spacing={1}>
-						<img alt="" src={summary.icon} css={styles.summaryIcon} />
+						<ExternalImage
+							src={summary.icon}
+							width={styles.summaryIcon.width}
+							height={styles.summaryIcon.height}
+						/>
 						<span>
 							{summary.count} <code>{type}</code>
 						</span>
