fix: display error on deleted workspace build (#16536)

mtojek · web-flow · commit d7614a4b026c · 2025-02-12T16:43:05.000+01:00
Fixes: #15058
diff --git a/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.tsx b/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.tsx
@@ -49,6 +49,7 @@ export const WorkspaceBuildPage: FC = () => {
 			<WorkspaceBuildPageView
 				logs={logs}
 				build={build}
+				buildError={wsBuildQuery.error}
 				builds={buildsQuery.data}
 				activeBuildNumber={buildNumber}
 			/>
diff --git a/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPageView.tsx b/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPageView.tsx
@@ -5,7 +5,9 @@ import type {
 	WorkspaceBuild,
 } from "api/typesGenerated";
 import { Alert } from "components/Alert/Alert";
+import { ErrorAlert } from "components/Alert/ErrorAlert";
 import { Loader } from "components/Loader/Loader";
+import { Margins } from "components/Margins/Margins";
 import {
 	FullWidthPageHeader,
 	PageHeaderSubtitle,
@@ -48,13 +50,15 @@ const sortLogsByCreatedAt = (logs: ProvisionerJobLog[]) => {
 export interface WorkspaceBuildPageViewProps {
 	logs: ProvisionerJobLog[] | undefined;
 	build: WorkspaceBuild | undefined;
+	buildError?: unknown;
 	builds: WorkspaceBuild[] | undefined;
 	activeBuildNumber: number;
 }
 
 export const WorkspaceBuildPageView: FC<WorkspaceBuildPageViewProps> = ({
 	logs,
 	build,
+	buildError,
 	builds,
 	activeBuildNumber,
 }) => {
@@ -64,6 +68,17 @@ export const WorkspaceBuildPageView: FC<WorkspaceBuildPageViewProps> = ({
 		defaultValue: "build",
 	});
 
+	if (buildError) {
+		return (
+			<Margins>
+				<ErrorAlert
+					error={buildError}
+					css={{ marginTop: 16, marginBottom: 16 }}
+				/>
+			</Margins>
+		);
+	}
+
 	if (!build) {
 		return <Loader />;
 	}
