diff --git a/client/src/components/Chat/Messages/MessageParts.tsx b/client/src/components/Chat/Messages/MessageParts.tsx index a993009915..9a57ad0317 100644 --- a/client/src/components/Chat/Messages/MessageParts.tsx +++ b/client/src/components/Chat/Messages/MessageParts.tsx @@ -11,7 +11,7 @@ import SiblingSwitch from './SiblingSwitch'; import MultiMessage from './MultiMessage'; import HoverButtons from './HoverButtons'; import SubRow from './SubRow'; -import { cn } from '~/utils'; +import { cn, getMessageAriaLabel } from '~/utils'; import store from '~/store'; export default function Message(props: TMessageProps) { @@ -96,7 +96,7 @@ export default function Message(props: TMessageProps) {
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'); +};