From 4de82afcda7f15aba79f859bb3ccdb1fd892485c Mon Sep 17 00:00:00 2001
From: Kenneth <kennethnym@hey.com>
Date: Sun, 1 Dec 2024 18:32:41 +0000
Subject: [PATCH] feat: add btn to redirect in tmpl not found page

---
 README.md                             |  0
 scripts/install.sh                    |  0
 web/src/templates/template-editor.tsx | 35 ++++++++++++++++++---------
 3 files changed, 23 insertions(+), 12 deletions(-)
 create mode 100644 README.md
 create mode 100644 scripts/install.sh

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e69de29
diff --git a/scripts/install.sh b/scripts/install.sh
new file mode 100644
index 0000000..e69de29
diff --git a/web/src/templates/template-editor.tsx b/web/src/templates/template-editor.tsx
index 7f57d80..d11c9db 100644
--- a/web/src/templates/template-editor.tsx
+++ b/web/src/templates/template-editor.tsx
@@ -1,10 +1,7 @@
 import { ApiError } from "@/api";
 import { CodeMirrorEditor } from "@/components/codemirror-editor";
 import { Button } from "@/components/ui/button.tsx";
-import {
-	Dialog,
-	DialogTrigger,
-} from "@/components/ui/dialog";
+import { Dialog, DialogTrigger } from "@/components/ui/dialog";
 import {
 	Sidebar,
 	SidebarContent,
@@ -17,7 +14,7 @@ import {
 	SidebarProvider,
 } from "@/components/ui/sidebar.tsx";
 import { cn } from "@/lib/utils";
-import { Link } from "@tanstack/react-router";
+import { Link, useRouter } from "@tanstack/react-router";
 import {
 	ArrowLeft,
 	ChevronDown,
@@ -52,18 +49,13 @@ function TemplateEditor() {
 
 	if (error || !template) {
 		if (error === ApiError.NotFound) {
-			return (
-				<main className="w-full h-full flex flex-col items-center justify-center space-y-2">
-					<p>Template does not exist</p>
-					<Button variant="secondary">Create template</Button>
-				</main>
-			);
+			return <TemplateNotFound />;
 		}
 
 		let message = "";
 		switch (error) {
 			case ApiError.Network:
-				message = "We are having trouble contacting the server.";
+				message = "Having trouble contacting the server.";
 				break;
 			default:
 				message = "An error occurred on our end.";
@@ -81,6 +73,25 @@ function TemplateEditor() {
 	return <_TemplateEditor template={template} currentFilePath={_splat ?? ""} />;
 }
 
+function TemplateNotFound() {
+	const { templateName } = templateEditorRoute.useParams();
+	const router = useRouter();
+
+	return (
+		<main className="w-full h-full flex flex-col items-center justify-center space-y-2">
+			<p>Template does not exist</p>
+			<Button
+				variant="secondary"
+				onClick={() => {
+					router.navigate({ to: "/templates", replace: true });
+				}}
+			>
+				Show all templates
+			</Button>
+		</main>
+	);
+}
+
 function _TemplateEditor({
 	template,
 	currentFilePath,