From 0bc12e010974d337dc85205ff0230ddd1d6f6b41 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Mon, 18 Nov 2024 16:57:14 +0800
Subject: [PATCH] toast

---
 .../src/app/layout.tsx                        | 26 +++++++++++--------
 .../src/components/editor/use-chat.tsx        |  4 +--
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/templates/plate-playground-template/src/app/layout.tsx b/templates/plate-playground-template/src/app/layout.tsx
index a36cde01c6..7ec0b1587b 100644
--- a/templates/plate-playground-template/src/app/layout.tsx
+++ b/templates/plate-playground-template/src/app/layout.tsx
@@ -1,21 +1,24 @@
-import type { Metadata } from "next";
-import localFont from "next/font/local";
-import "./globals.css";
+import type { Metadata } from 'next';
+
+import localFont from 'next/font/local';
+import { Toaster } from 'sonner';
+
+import './globals.css';
 
 const geistSans = localFont({
-  src: "./fonts/GeistVF.woff",
-  variable: "--font-geist-sans",
-  weight: "100 900",
+  src: './fonts/GeistVF.woff',
+  variable: '--font-geist-sans',
+  weight: '100 900',
 });
 const geistMono = localFont({
-  src: "./fonts/GeistMonoVF.woff",
-  variable: "--font-geist-mono",
-  weight: "100 900",
+  src: './fonts/GeistMonoVF.woff',
+  variable: '--font-geist-mono',
+  weight: '100 900',
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  description: 'Generated by create next app',
+  title: 'Create Next App',
 };
 
 export default function RootLayout({
@@ -29,6 +32,7 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         {children}
+        <Toaster />
       </body>
     </html>
   );
diff --git a/templates/plate-playground-template/src/components/editor/use-chat.tsx b/templates/plate-playground-template/src/components/editor/use-chat.tsx
index 93bbd9438d..d8e54488b4 100644
--- a/templates/plate-playground-template/src/components/editor/use-chat.tsx
+++ b/templates/plate-playground-template/src/components/editor/use-chat.tsx
@@ -217,7 +217,7 @@ export function SettingsDialog() {
           <DialogDescription>
             Enter your{' '}
             <Link
-              className="inline-flex items-center font-medium text-primary hover:underline"
+              className="text-primary inline-flex items-center font-medium hover:underline"
               href="https://platform.openai.com/api-keys"
               rel="noreferrer"
               target="_blank"
@@ -306,7 +306,7 @@ export function SettingsDialog() {
             Save
           </Button>
         </form>
-        <p className="mt-4 text-sm text-muted-foreground">
+        <p className="text-muted-foreground mt-4 text-sm">
           Not stored anywhere. Used only for current session requests.
         </p>
       </DialogContent>