diff --git a/src/background.ts b/src/background.ts index 9316d69..adccae7 100644 --- a/src/background.ts +++ b/src/background.ts @@ -501,6 +501,8 @@ const handleNotification = async (groups) => { let isFocused; const data = groups.filter((group) => group?.sender !== address && !mutedGroups.includes(group.groupId) && !isUpdateMsg(group?.data)); + const dataWithUpdates = groups.filter((group) => group?.sender !== address && !mutedGroups.includes(group.groupId)); + try { if(isDisableNotifications) return if (!data || data?.length === 0) return; @@ -619,7 +621,7 @@ const handleNotification = async (groups) => { } } finally { if (!data || data?.length === 0) return; - setChatHeads(data); + setChatHeads(dataWithUpdates); // chrome.runtime.sendMessage( // { // action: "setChatHeads", diff --git a/src/components/Chat/ChatGroup.tsx b/src/components/Chat/ChatGroup.tsx index bd1ddc8..1f611c8 100644 --- a/src/components/Chat/ChatGroup.tsx +++ b/src/components/Chat/ChatGroup.tsx @@ -133,7 +133,8 @@ export const ChatGroup = ({selectedGroup, secretKey, setSecretKey, getSecretKey, id: item.signature, text: item?.decryptedData?.message || "", repliedTo: item?.repliedTo || item?.decryptedData?.repliedTo, - unread: item?.sender === myAddress ? false : !!item?.chatReference ? false : true + unread: item?.sender === myAddress ? false : !!item?.chatReference ? false : true, + isNotEncrypted: !!item?.messageText } } ) setMessages((prev)=> [...prev, ...formatted]) @@ -210,6 +211,7 @@ export const ChatGroup = ({selectedGroup, secretKey, setSecretKey, getSecretKey, id: item.signature, text: item?.decryptedData?.message || "", repliedTo: item?.repliedTo || item?.decryptedData?.repliedTo, + isNotEncrypted: !!item?.messageText, unread: false } } ) diff --git a/src/components/Chat/MessageItem.tsx b/src/components/Chat/MessageItem.tsx index 44ae66d..a43170d 100644 --- a/src/components/Chat/MessageItem.tsx +++ b/src/components/Chat/MessageItem.tsx @@ -15,7 +15,7 @@ import { WrapperUserAction } from "../WrapperUserAction"; import ReplyIcon from "@mui/icons-material/Reply"; import { Spacer } from "../../common/Spacer"; import { ReactionPicker } from "../ReactionPicker"; - +import KeyOffIcon from '@mui/icons-material/KeyOff'; export const MessageItem = ({ message, onSeen, @@ -113,6 +113,7 @@ export const MessageItem = ({ > {message?.senderName || message?.sender} + - + + {message?.isNotEncrypted && ( + + )} + {isUpdating ? ( )} +