Handle errors when fetching external agent credentials in AgentExternal component

kacpersaw · kacpersaw · commit 956e5fb5955c · 2025-08-13T13:22:51.000Z
diff --git a/site/src/modules/resources/AgentExternal.tsx b/site/src/modules/resources/AgentExternal.tsx
@@ -1,7 +1,9 @@
 import { API } from "api/api";
+import { getErrorMessage } from "api/errors";
 import type { Workspace, WorkspaceAgent } from "api/typesGenerated";
 import isChromatic from "chromatic/isChromatic";
 import { CodeExample } from "components/CodeExample/CodeExample";
+import { displayError } from "components/GlobalSnackbar/utils";
 import { type FC, useEffect, useState } from "react";
 
 interface AgentExternalProps {
@@ -29,6 +31,8 @@ export const AgentExternal: FC<AgentExternalProps> = ({
 			API.getWorkspaceAgentCredentials(workspace.id, agent.name).then((res) => {
 				setExternalAgentToken(res.agent_token);
 				setCommand(res.command);
+			}).catch((err) => {
+				displayError(getErrorMessage(err, "Failed to get external agent credentials"));
 			});
 		}
 	}, [isExternalAgent, agent.status, workspace.id, agent.name]);
