32 lines
920 B
TypeScript
32 lines
920 B
TypeScript
import * as React from 'react';
|
|
import { useSelector } from 'react-redux';
|
|
import { StateType } from '../reducer';
|
|
|
|
import { ContactName } from '../../components/conversation/ContactName';
|
|
|
|
import { getIntl } from '../selectors/user';
|
|
import {
|
|
GetConversationByIdType,
|
|
getConversationSelector,
|
|
} from '../selectors/conversations';
|
|
|
|
import { LocalizerType } from '../../types/Util';
|
|
|
|
type ExternalProps = {
|
|
conversationId: string;
|
|
};
|
|
|
|
export const SmartContactName = (props: ExternalProps) => {
|
|
const { conversationId } = props;
|
|
const i18n = useSelector<StateType, LocalizerType>(getIntl);
|
|
const getConversation = useSelector<StateType, GetConversationByIdType>(
|
|
getConversationSelector
|
|
);
|
|
|
|
const conversation = getConversation(conversationId);
|
|
if (!conversation) {
|
|
throw new Error(`Conversation id ${conversationId} not found!`);
|
|
}
|
|
|
|
return <ContactName i18n={i18n} {...conversation} />;
|
|
};
|