RocketChat/Rocket.Chat

import type { IThreadMainMessage } from '@rocket.chat/core-typings';
import React, { useMemo } from 'react';

import { normalizeThreadTitle } from '../../../../../../app/threads/client/lib/normalizeThreadTitle';
import { ContextualbarTitle } from '../../../../../components/Contextualbar';

type ThreadTitleProps = {
    mainMessage: IThreadMainMessage;
};

const ThreadTitle = ({ mainMessage }: ThreadTitleProps) => {
    const innerHTML = useMemo(() => ({ __html: normalizeThreadTitle(mainMessage) ?? '' }), [mainMessage]);
    return <ContextualbarTitle dangerouslySetInnerHTML={innerHTML} />;
};

export default ThreadTitle;