PenaSide/adminFront
3
0
Fork 0
Code Issues 2 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add message sorting

Browse Source
This commit is contained in:
nflnkr 2023-03-22 12:24:51 +03:00
parent 8b656fc350
commit d0789be780
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/dashboard/Content/Support/Chat.tsx
View File

@ -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;
}