Merge pull request #38 from boostcampwm-2024/feature/#36-AI_QA_해결

Feature/#36 ai qa 해결

Author: github-actions[bot]

@noctaCrdt/src/types/Interfaces.ts

@@ -62,7 +62,8 @@ export type PageIconType =
   // 협업 관련
   | "Team" // 팀 문서
   | "Shared" // 공유 문서
-  | "Feedback"; // 피드백/리뷰
+  | "Feedback" // 피드백/리뷰
+  | "AI";
 
 export type TextColorType = Exclude<BackgroundColorType, "transparent">;
 

client/src/apis/ai.ts

@@ -4,14 +4,16 @@ import { unAuthorizationFetch } from "./axios";
 // TODO 실패 시 예외처리
 export const useCreateAIDocumentMutation = (onSuccess: () => void) => {
   const fetcher = ({
+    socketId,
     clientId,
     workspaceId,
     message,
   }: {
+    socketId: string;
     clientId: number | null;
     workspaceId: string | undefined;
     message: string;
-  }) => unAuthorizationFetch.post("/ai/chat", { clientId, workspaceId, message });
+  }) => unAuthorizationFetch.post("/ai/chat", { socketId, clientId, workspaceId, message });
 
   return useMutation({
     mutationFn: fetcher,

client/src/constants/PageIconButton.config.ts

@@ -25,7 +25,8 @@ import {
   // 협업 관련
   RiGroupLine, // team: 팀 문서
   RiDiscussLine, // feedback: 피드백
-  RiAddFill, // plus: 추가
+  RiAddFill,
+  RiRobot2Line, // plus: 추가
 } from "react-icons/ri";
 
 export interface IconConfig {
@@ -108,6 +109,11 @@ export const iconComponents: Record<PageIconType | "plus", IconConfig> = {
     icon: RiAddFill,
     color: "#2B4158",
   },
+
+  AI: {
+    icon: RiRobot2Line,
+    color: "#6a00f4",
+  },
 };
 
 export const iconGroups = [

client/src/features/ai/AIModal.tsx

@@ -13,6 +13,8 @@ export const AIModal = ({ onCloseButton }: { onCloseButton: () => void }) => {
   const [message, setMessage] = useState("");
   const { mutate: createAIDocument, status } = useCreateAIDocumentMutation(onCloseButton);
   const isLoading = status === "pending";
+  const { getSocketId } = useSocketStore();
+  const socketId = getSocketId() || "";
 
   const { addToast } = useToastStore();
   const handleSubmit = () => {
@@ -21,7 +23,7 @@ export const AIModal = ({ onCloseButton }: { onCloseButton: () => void }) => {
       return;
     }
     if (!isLoading) {
-      createAIDocument({ clientId, workspaceId: workspace?.id, message });
+      createAIDocument({ socketId, clientId, workspaceId: workspace?.id, message });
     }
   };