From d0789be780a358c5a5696a3d10af3b8754b56fe2 Mon Sep 17 00:00:00 2001
From: nflnkr <molohov.eugeny@yandex.ru>
Date: Wed, 22 Mar 2023 12:24:51 +0300
Subject: [PATCH] add message sorting

---
 src/pages/dashboard/Content/Support/Chat.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/dashboard/Content/Support/Chat.tsx b/src/pages/dashboard/Content/Support/Chat.tsx
index 5a09cea..89d0e28 100644
--- a/src/pages/dashboard/Content/Support/Chat.tsx
+++ b/src/pages/dashboard/Content/Support/Chat.tsx
@@ -1,5 +1,5 @@
 import { Box, IconButton, InputAdornment, TextField, useTheme } from "@mui/material";
-import {  addOrUpdateMessage, setMessages, useMessageStore } from "@root/stores/messages";
+import { addOrUpdateMessage, setMessages, useMessageStore } from "@root/stores/messages";
 import Message from "./Message";
 import SendIcon from "@mui/icons-material/Send";
 import AttachFileIcon from "@mui/icons-material/AttachFile";
@@ -116,6 +116,8 @@ export default function Chat() {
         }
     }
 
+    const sortedMessages = messages.sort(sortMessagesByTime);
+
     return (
         <Box sx={{
             border: "1px solid",
@@ -141,7 +143,7 @@ export default function Chat() {
                     colorScheme: "dark",
                 }}
             >
-                {ticket && messages.map((message, index) =>
+                {ticket && sortedMessages.map(message =>
                     <Message key={message.id} message={message} isSelf={ticket.user !== message.user_id} />
                 )}
             </Box>
@@ -192,4 +194,10 @@ export default function Chat() {
             />
         </Box>
     );
+}
+
+function sortMessagesByTime(message1: TicketMessage, message2: TicketMessage) {
+    const date1 = new Date(message1.created_at).getTime();
+    const date2 = new Date(message2.created_at).getTime();
+    return date1 - date2;
 }
\ No newline at end of file