Fix toast and add redirect

DLeyland · DLeyland · commit 752a7b39b918 · 2024-07-11T10:52:27.000+01:00
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,22 +1,28 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import { Toaster } from "react-hot-toast";
 
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-	title: "Plain support portal",
-	description: "Plain support portal example repo",
+  title: "Plain support portal",
+  description: "Plain support portal example repo",
 };
 
 export default function RootLayout({
-	children,
+  children,
 }: Readonly<{
-	children: React.ReactNode;
+  children: React.ReactNode;
 }>) {
-	return (
-		<html lang="en">
-			<body className={inter.className}>{children}</body>
-		</html>
-	);
+  return (
+    <html lang="en">
+      <body className={inter.className}>
+        <>
+          {children}
+          <Toaster />
+        </>
+      </body>
+    </html>
+  );
 }
diff --git a/app/thread/new/page.tsx b/app/thread/new/page.tsx
@@ -8,11 +8,13 @@ import { useState } from "react";
 import { RequestBody } from "@/app/api/contact-form/route";
 import { toast } from "react-hot-toast";
 import { Button } from "@/components/button";
+import { useRouter } from "next/navigation";
 
 export default function NewThreadPage() {
   const [subject, setSubject] = useState("");
   const [message, setMessage] = useState("");
   const [isLoading, setIsLoading] = useState(false);
+  const router = useRouter();
 
   async function onSubmit(e: React.FormEvent) {
     e.preventDefault();
@@ -30,6 +32,7 @@ export default function NewThreadPage() {
       });
       if (result.ok) {
         toast.success("Nice, we'll be in touch shortly!");
+        router.push("/");
       } else {
         toast.error("Oops");
       }
