fix: fix chatgpt function

WebChatting · Apr 12, 2023 · ef0d929 · ef0d929
1 parent f2ddf12
commit ef0d929
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 10 deletions.
diff --git a/public/avatar/openai.png b/public/avatar/openai.png
diff --git a/src/components/MessageArea/MessageBottomInputArea.vue b/src/components/MessageArea/MessageBottomInputArea.vue
@@ -99,10 +99,12 @@ export default {
             }
 
             this.buildAndPushMessage(this.user.id, this.toId, this.user.avatarPath,
-                this.user.username, contentType, this.content, url, size, this.messageKey, false);
-            const replay = await this.$api.generateResponse(this.content);
-            this.buildAndPushMessage(0, this.user.id, this.user.avatarPath, 'ChatGPT', 0,
-                replay, '', '', 'user503', false)
+                this.user.username, contentType, this.content, url, size, this.messageKey, this.messageKey != "ChatGPT");
+            if (this.messageKey === "ChatGPT") {
+                const replay = await this.$api.generateResponse(this.content);
+                this.buildAndPushMessage(0, this.user.id, 'avatar/openai.png', 'ChatGPT', contentType,
+                    replay, '', '', this.messageKey, false);
+            }
         },
         buildAndPushMessage(fromId, toId, avatarPath, name, contentType, content, url, size, mk, isSendToBackend) {
             let new_message = {

diff --git a/src/components/ToolBar/ToolBarTop.vue b/src/components/ToolBar/ToolBarTop.vue
@@ -11,7 +11,7 @@
             </el-button>
         </el-tooltip>
         <el-tooltip effect="dark" content="ChatGPT" placement="left">
-            <el-button class="tool-button"
+            <el-button class="tool-button" @click="openRightPanel"
                 ><i class="el-icon-s-platform"></i
             ></el-button>
         </el-tooltip>
@@ -22,7 +22,12 @@
 export default {
     name: "ToolBarTop",
     data() {
-        return {};
+        return {
+            ChatGPT: {
+                id: 0,
+                name: "ChatGPT",
+            },
+        };
     },
     methods: {
         loadContact() {
@@ -31,6 +36,10 @@ export default {
         loadVerification() {
             this.$bus.$emit("loadVerification");
         },
+        openRightPanel() {
+            this.$store.state.toId = "ChatGPT";
+            this.$bus.$emit("openRightPanel", true, this.ChatGPT, true);
+        },
     },
 };
 </script>

diff --git a/src/config/openai.js b/src/config/openai.js
@@ -3,6 +3,6 @@
  */
 
 export const OPENAI_API_KEY =
-    "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";
+    "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";
 export const OPENAI_MAKING_REQUEST =
     "https://api.openai.com/v1/chat/completions";
diff --git a/src/pages/ChattingPage.vue b/src/pages/ChattingPage.vue
@@ -53,9 +53,10 @@ export default {
         };
     },
     methods: {
-        openRightPanel(isChatPanel = true, chatObject) {
+        openRightPanel(isChatPanel = true, chatObject, isChatGPT = false) {
             this.isChatPanel = isChatPanel;
             this.chatObject = chatObject;
+            this.$store.state.isChatGPT = isChatGPT;
             this.$refs.app.style.width = 900 + "px";
             this.$bus.$emit("scrollToBottom");
         },

diff --git a/src/store/index.js b/src/store/index.js
@@ -8,7 +8,9 @@ import actions from "@/store/actions"
 import mutations from "@/store/mutations";
 
 const state = {
-    messages: {},
+    messages: {
+        "ChatGPT": [],
+    },
     friends: [],
     createGroups: [],
     joinGroups: [],
@@ -19,11 +21,12 @@ const state = {
     socket: socket,
     toId: -1,
     isGroup: false,
+    isChatGPT: false,
 };
 
 const getters = {
     messageKey(state) {
-        return (state.isGroup ? "group" : "user") + state.toId;
+        return state.isChatGPT ? "ChatGPT" : ((state.isGroup ? "group" : "user") + state.toId);
     },
     getApplications: (state) => (isGroup, isRequest) => {
         if (isGroup) {