Merge pull request #67 from solutionchallenge/feat/#46

add: 리포트 API 연동

Author: yoonjoohye

package-lock.json

@@ -36,7 +36,7 @@
     "eslint-plugin-unused-imports": "^4.1.4",
     "globals": "^15.14.0",
     "postcss": "^8.5.3",
-    "prettier": "^3.5.2",
+    "prettier": "^3.5.3",
     "tailwindcss": "^3.4.17",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.22.0",

package.json

@@ -40,7 +40,7 @@ function App() {
           <Route path="report">
             <Route index path="*" element={<NotFoundPage />} />
             <Route path="main" element={<ReportMainPage />} />
-            <Route path="detail/:id" element={<ReportDetailPage />} />
+            <Route path="detail/:session_id" element={<ReportDetailPage />} />
           </Route>
         </Route>
         <Route element={<Layout bottomNavigation={false} />}>

public/videos/video_1.mp4

@@ -20,8 +20,9 @@ const baseFetch = async (url: RequestInfo, init?: RequestInit) => {
 };
 
 const http = {
-  get: async <T = any>(url: string) => {
-    return baseFetch(url, {
+  get: async <T = any>(url: string, params?: Record<string, string>) => {
+    const queryString = params ? `?${new URLSearchParams(params).toString()}` : '';
+    return baseFetch(`${url}${queryString}`, {
       method: "GET",
     }) as Promise<{ response: T }>;
   },

public/videos/video_2.mp4

@@ -0,0 +1,61 @@
+import { http } from "../fetch";
+import { EmotionTypes } from "../onboarding/addition";
+
+export interface SummaryResponse {
+  emotions:{
+      emotion: EmotionTypes,
+      rate: 0
+  }[],
+  keywords: string[],
+  recommendations: string[],
+  text: string,
+  title: string,
+  main_topic:{
+    begin_message_id:string,
+    end_message_id:string
+  }
+}
+
+export interface ChatResponse {
+    chat_duration: string,
+    id: string,
+    is_archived: boolean,
+    is_finished: boolean,
+    session_id: string,
+    started_date: string,
+    summary:SummaryResponse,
+  }[]
+
+type History = {
+    content: string,
+    id: string,
+    metadata: number[],
+    role: string,
+    when: string
+}
+
+export interface ChatDetailResponse extends ChatResponse {
+  histories: History[],
+  summary:SummaryResponse,
+}
+
+
+export const getChats = async (params:{
+  datetime_gte:string, 
+  datetime_lte:string, 
+  dominant_emotions:string,
+  matching_content:string,
+}): Promise<{chats:ChatResponse[]}> => {
+  const { response } = await http.get<{chats:ChatResponse[]}>(
+    `/chats`, params
+  );
+  return response;
+};
+
+export const getChatDetail = async (sessionId: string): Promise<ChatDetailResponse> => {
+    const { response } = await http.get<ChatDetailResponse>(
+      `/chats/${sessionId}`
+    );
+    return response;
+  };
+  

src/App.tsx

@@ -0,0 +1,43 @@
+import { http } from "../fetch";
+import { EmotionTypes } from "../onboarding/addition";
+import { ChatResponse } from "./chats";
+
+export interface ReportResponse {
+  "average_chat_duration": string,
+  "average_negative_score": number,
+  "average_neutral_score": number,
+  "average_positive_score": number,
+  "datetime_gte": string,
+  "datetime_lte": string,
+  "emotion_counts": [
+    {
+      "count": number,
+      "emotion": EmotionTypes
+    }
+  ],
+  "stress_level_descriptor": {
+    "description": string,
+    "threshold": number,
+    "title": string
+  },
+  "total_chat_count": number
+}
+
+export const getChatReport = async (params:{
+    datetime_gte:string, 
+    datetime_lte:string, 
+}): Promise<ReportResponse> => {
+    const { response } = await http.get<ReportResponse>(
+      `/chat-reports`, params
+    );
+    return response;
+  };
+
+  export const getChatById = async (params:{
+   message_id:string
+}): Promise<{chats:ChatResponse[]}> => {
+    const { response } = await http.get<{chats:ChatResponse[]}>(
+      `/chats`, params
+    );
+    return response;
+  };