feat: optimize loading screen

app/api/chat-stream/route.ts

@@ -8,8 +8,6 @@ async function createStream(payload: ReadableStream<Uint8Array>) {
   const encoder = new TextEncoder();
   const decoder = new TextDecoder();
 
-  console.log("[ChatStream]", payload);
-
   const res = await fetch("https://api.openai.com/v1/chat/completions", {
     headers: {
       "Content-Type": "application/json",
@@ -51,11 +49,10 @@ async function createStream(payload: ReadableStream<Uint8Array>) {
 
 export async function POST(req: NextRequest) {
   try {
-    console.log("Request", req);
     const stream = await createStream(req.body!);
     return new Response(stream);
   } catch (error) {
-    console.error(error);
+    console.error("[Chat Stream]", error);
   }
 }
 

app/api/chat/route.ts

@@ -20,6 +20,7 @@ export async function POST(req: Request) {
 
     return new Response(JSON.stringify(completion.data));
   } catch (e) {
+    console.error("[Chat] ", e);
     return new Response(JSON.stringify(e));
   }
 }

app/components/home.module.scss

@@ -338,4 +338,10 @@
 
 .export-content {
   white-space: break-spaces;
+}
+
+.loading-content {
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }

app/layout.tsx

@@ -1,5 +1,5 @@
-import "./globals.scss";
-import "./markdown.scss";
+import "./styles/globals.scss";
+import "./styles/markdown.scss";
 
 export const metadata = {
   title: "ChatGPT Next Web",