diff --git a/client/src/components/Chat/Messages/ui/MessageRender.tsx b/client/src/components/Chat/Messages/ui/MessageRender.tsx
index 48fea51d2b..841ba7c586 100644
--- a/client/src/components/Chat/Messages/ui/MessageRender.tsx
+++ b/client/src/components/Chat/Messages/ui/MessageRender.tsx
@@ -11,8 +11,8 @@ import MessageIcon from '~/components/Chat/Messages/MessageIcon';
import SubRow from '~/components/Chat/Messages/SubRow';
import { fontSizeAtom } from '~/store/fontSize';
import { MessageContext } from '~/Providers';
-import { useMessageActions } from '~/hooks';
-import { cn, logger } from '~/utils';
+import { useLocalize, useMessageActions } from '~/hooks';
+import { cn, getMessageAriaLabel, logger } from '~/utils';
import store from '~/store';
type MessageRenderProps = {
@@ -37,6 +37,7 @@ const MessageRender = memo(
setCurrentEditId,
isSubmittingFamily = false,
}: MessageRenderProps) => {
+ const localize = useLocalize();
const {
ask,
edit,
@@ -130,7 +131,7 @@ const MessageRender = memo(
return (
{
+ const localize = useLocalize();
const { attachments, searchResults } = useAttachments({
messageId: msg?.messageId,
attachments: msg?.attachments,
@@ -130,7 +131,7 @@ const ContentRender = memo(
return (
([QueryKeys.messages, Constants.NEW_CONVO], []);
}
};
+
+export const getMessageAriaLabel = (message: TMessage, localize: LocalizeFunction): string => {
+ return !_.isNil(message.depth)
+ ? localize('com_endpoint_message_new', { 0: message.depth + 1 })
+ : localize('com_endpoint_message');
+};