From 9452208fc269c6bdacd4783e44b92ce19fca49d8 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 28 Jun 2024 15:34:38 -0300
Subject: [PATCH 1/2] fix edit method on messages

---
 src/frontend/src/controllers/API/index.ts                    | 5 ++++-
 .../src/pages/SettingsPage/pages/messagesPage/index.tsx      | 3 ++-
 src/frontend/src/types/messages/index.ts                     | 1 +
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 3635f5f44..be6a9ee44 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -1124,5 +1124,8 @@ export async function deleteMessagesFn(ids: string[]) {
 }
 
 export async function updateMessageApi(data: Message) {
-  return await api.post(`${BASE_URL_API}monitor/messages/${data.id}`, data);
+  if(data.files && typeof data.files === 'string'){
+    data.files = JSON.parse(data.files);
+  }
+  return await api.put(`${BASE_URL_API}monitor/messages/${data.id}`, data);
 }
diff --git a/src/frontend/src/pages/SettingsPage/pages/messagesPage/index.tsx b/src/frontend/src/pages/SettingsPage/pages/messagesPage/index.tsx
index c3172f152..e845b8ddf 100644
--- a/src/frontend/src/pages/SettingsPage/pages/messagesPage/index.tsx
+++ b/src/frontend/src/pages/SettingsPage/pages/messagesPage/index.tsx
@@ -13,6 +13,7 @@ import HeaderMessagesComponent from "./components/headerMessages";
 import useMessagesTable from "./hooks/use-messages-table";
 import useRemoveMessages from "./hooks/use-remove-messages";
 import useUpdateMessage from "./hooks/use-updateMessage";
+import { cloneDeep } from "lodash";
 
 export default function MessagesPage() {
   const [columns, setColumns] = useState<Array<ColDef | ColGroupDef>>([]);
@@ -37,7 +38,7 @@ export default function MessagesPage() {
   function handleUpdateMessage(event: CellEditRequestEvent<any, string>) {
     const newValue = event.newValue;
     const field = event.column.getColId();
-    const row = event.data;
+    const row = cloneDeep(event.data);
     const data = {
       ...row,
       [field]: newValue,
diff --git a/src/frontend/src/types/messages/index.ts b/src/frontend/src/types/messages/index.ts
index 4cb98a51d..45000161e 100644
--- a/src/frontend/src/types/messages/index.ts
+++ b/src/frontend/src/types/messages/index.ts
@@ -6,6 +6,7 @@ type Message = {
   sender_name: string;
   session_id: string;
   timestamp: string;
+  files:Array<string>;
   id: string;
 };
 

From e7e14402a821636cf09d082c1106506e290bbb89 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 28 Jun 2024 16:36:00 -0300
Subject: [PATCH 2/2] format code

---
 src/frontend/src/controllers/API/index.ts                       | 2 +-
 .../src/pages/SettingsPage/pages/messagesPage/index.tsx         | 2 +-
 src/frontend/src/types/messages/index.ts                        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index be6a9ee44..ebb5d1247 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -1124,7 +1124,7 @@ export async function deleteMessagesFn(ids: string[]) {
 }
 
 export async function updateMessageApi(data: Message) {
-  if(data.files && typeof data.files === 'string'){
+  if (data.files && typeof data.files === "string") {
     data.files = JSON.parse(data.files);
   }
   return await api.put(`${BASE_URL_API}monitor/messages/${data.id}`, data);
diff --git a/src/frontend/src/pages/SettingsPage/pages/messagesPage/index.tsx b/src/frontend/src/pages/SettingsPage/pages/messagesPage/index.tsx
index e845b8ddf..3be8122de 100644
--- a/src/frontend/src/pages/SettingsPage/pages/messagesPage/index.tsx
+++ b/src/frontend/src/pages/SettingsPage/pages/messagesPage/index.tsx
@@ -4,6 +4,7 @@ import {
   ColGroupDef,
   SelectionChangedEvent,
 } from "ag-grid-community";
+import { cloneDeep } from "lodash";
 import { useState } from "react";
 import TableComponent from "../../../../components/tableComponent";
 import useAlertStore from "../../../../stores/alertStore";
@@ -13,7 +14,6 @@ import HeaderMessagesComponent from "./components/headerMessages";
 import useMessagesTable from "./hooks/use-messages-table";
 import useRemoveMessages from "./hooks/use-remove-messages";
 import useUpdateMessage from "./hooks/use-updateMessage";
-import { cloneDeep } from "lodash";
 
 export default function MessagesPage() {
   const [columns, setColumns] = useState<Array<ColDef | ColGroupDef>>([]);
diff --git a/src/frontend/src/types/messages/index.ts b/src/frontend/src/types/messages/index.ts
index 45000161e..9b19e1489 100644
--- a/src/frontend/src/types/messages/index.ts
+++ b/src/frontend/src/types/messages/index.ts
@@ -6,7 +6,7 @@ type Message = {
   sender_name: string;
   session_id: string;
   timestamp: string;
-  files:Array<string>;
+  files: Array<string>;
   id: string;
 };