fix: show popup on successful template build (#19674)

Fixes: https://github.com/coder/coder/issues/18364

site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx

@@ -21,7 +21,7 @@ import {
 	TopbarDivider,
 	TopbarIconButton,
 } from "components/FullPageLayout/Topbar";
-import { displayError } from "components/GlobalSnackbar/utils";
+import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
 import { Loader } from "components/Loader/Loader";
 import {
 	ChevronLeftIcon,
@@ -185,6 +185,9 @@ export const TemplateVersionEditor: FC<TemplateVersionEditorProps> = ({
 			templateVersion.job.status === "succeeded"
 		) {
 			setDirty(false);
+			displaySuccess(
+				`Template version "${previousVersion.current.name}" built successfully.`,
+			);
 		}
 		previousVersion.current = templateVersion;
 	}, [templateVersion]);

site/src/pages/TemplateVersionEditorPage/TemplateVersionEditorPage.test.tsx

@@ -104,6 +104,9 @@ const buildTemplateVersion = async (
 	});
 	await user.click(buildButton);
 	await within(topbar).findByText("Success");
+	await screen.findByText(
+		`Template version "${templateVersion.name}" built successfully.`,
+	);
 };
 
 test("Use custom name, message and set it as active when publishing", async () => {