41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
// Copyright 2019-2021 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import { connect } from 'react-redux';
|
|
import { mapDispatchToProps } from '../actions';
|
|
import { TypingBubble } from '../../components/conversation/TypingBubble';
|
|
import { strictAssert } from '../../util/assert';
|
|
import type { StateType } from '../reducer';
|
|
|
|
import { getIntl, getTheme } from '../selectors/user';
|
|
import { getConversationSelector } from '../selectors/conversations';
|
|
import { getPreferredBadgeSelector } from '../selectors/badges';
|
|
|
|
type ExternalProps = {
|
|
id: string;
|
|
};
|
|
|
|
const mapStateToProps = (state: StateType, props: ExternalProps) => {
|
|
const { id } = props;
|
|
|
|
const conversationSelector = getConversationSelector(state);
|
|
const conversation = conversationSelector(id);
|
|
if (!conversation) {
|
|
throw new Error(`Did not find conversation ${id} in state!`);
|
|
}
|
|
|
|
strictAssert(conversation.typingContactId, 'Missing typing contact ID');
|
|
const typingContact = conversationSelector(conversation.typingContactId);
|
|
|
|
return {
|
|
...typingContact,
|
|
badge: getPreferredBadgeSelector(state)(typingContact.badges),
|
|
conversationType: conversation.type,
|
|
i18n: getIntl(state),
|
|
theme: getTheme(state),
|
|
};
|
|
};
|
|
|
|
const smart = connect(mapStateToProps, mapDispatchToProps);
|
|
|
|
export const SmartTypingBubble = smart(TypingBubble);
|