From b806d1cfcf9ff7c7340fe10f5421e264691bcbbd Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Tue, 14 Mar 2023 10:44:27 -0300
Subject: [PATCH] fix(site): Display delete template error from the API (#6589)

---
 .../src/components/TemplateLayout/deleteTemplate.ts | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/site/src/components/TemplateLayout/deleteTemplate.ts b/site/src/components/TemplateLayout/deleteTemplate.ts
index b3ef46bedb..9a56a7f2be 100644
--- a/site/src/components/TemplateLayout/deleteTemplate.ts
+++ b/site/src/components/TemplateLayout/deleteTemplate.ts
@@ -1,5 +1,7 @@
 import { deleteTemplate } from "api/api"
+import { getErrorMessage } from "api/errors"
 import { Template } from "api/typesGenerated"
+import { displayError } from "components/GlobalSnackbar/utils"
 import { useState } from "react"
 
 type DeleteTemplateState =
@@ -21,9 +23,14 @@ export const useDeleteTemplate = (template: Template, onDelete: () => void) => {
   }
 
   const confirmDelete = async () => {
-    setState({ status: "deleting" })
-    await deleteTemplate(template.id)
-    onDelete()
+    try {
+      setState({ status: "deleting" })
+      await deleteTemplate(template.id)
+      onDelete()
+    } catch (e) {
+      setState({ status: "confirming" })
+      displayError(getErrorMessage(e, "Failed to delete template"))
+    }
   }
 
   return {