From 54f2843677c65617ae6a667304691a4c8142a5d2 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Fri, 22 Dec 2023 17:11:11 +0800
Subject: [PATCH] user can send message without defining an api key

---
 src/chatbox.tsx |  2 +-
 src/chatgpt.ts  | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/chatbox.tsx b/src/chatbox.tsx
index bf85fdd..c81c00c 100644
--- a/src/chatbox.tsx
+++ b/src/chatbox.tsx
@@ -842,7 +842,7 @@ export default function ChatBOX(props: {
         ></textarea>
         <button
           className="disabled:line-through disabled:bg-slate-500 rounded m-1 p-1 border-2 bg-cyan-400 hover:bg-cyan-600"
-          disabled={showGenerating || !chatStore.apiKey}
+          disabled={showGenerating}
           onClick={() => {
             send(inputMsg, true);
           }}
diff --git a/src/chatgpt.ts b/src/chatgpt.ts
index a3b94db..3b68ce3 100644
--- a/src/chatgpt.ts
+++ b/src/chatgpt.ts
@@ -240,12 +240,15 @@ class Chat {
       }
     }
 
+    const headers: Record<string, string> = {
+      "Content-Type": "application/json",
+    };
+    if (this.OPENAI_API_KEY) {
+      headers["Authorization"] = `Bearer ${this.OPENAI_API_KEY}`;
+    }
     return fetch(this.apiEndpoint, {
       method: "POST",
-      headers: {
-        Authorization: `Bearer ${this.OPENAI_API_KEY}`,
-        "Content-Type": "application/json",
-      },
+      headers,
       body: JSON.stringify(body),
     });
   }