From 892bddfb7b4f4d3b526e8da0afbadf2d8b51f17f Mon Sep 17 00:00:00 2001
From: Ben Potter <ben@coder.com>
Date: Thu, 11 May 2023 04:47:51 -0700
Subject: [PATCH] fix: scroll to reveal template create errors (#7464)

Co-authored-by: Kira Pilot <kira@coder.com>
---
 .../CreateTemplatePage/CreateTemplateForm.tsx      | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/site/src/pages/CreateTemplatePage/CreateTemplateForm.tsx b/site/src/pages/CreateTemplatePage/CreateTemplateForm.tsx
index 28df2fdb84..976b59021a 100644
--- a/site/src/pages/CreateTemplatePage/CreateTemplateForm.tsx
+++ b/site/src/pages/CreateTemplatePage/CreateTemplateForm.tsx
@@ -16,7 +16,7 @@ import {
 } from "pages/CreateTemplatePage/TemplateUpload"
 import { useFormik } from "formik"
 import { SelectedTemplate } from "pages/CreateWorkspacePage/SelectedTemplate"
-import { FC } from "react"
+import { FC, useEffect } from "react"
 import { useTranslation } from "react-i18next"
 import {
   nameValidator,
@@ -224,6 +224,18 @@ export const CreateTemplateForm: FC<CreateTemplateFormProps> = ({
   const { t } = useTranslation("createTemplatePage")
   const { t: commonT } = useTranslation("common")
 
+  useEffect(() => {
+    if (error) {
+      window.scrollTo(0, 0)
+    }
+  }, [error])
+
+  useEffect(() => {
+    if (jobError) {
+      window.scrollTo(0, document.body.scrollHeight)
+    }
+  }, [logs, jobError])
+
   return (
     <HorizontalForm onSubmit={form.handleSubmit}>
       {/* General info */}