51 lines
1.4 KiB
TypeScript
51 lines
1.4 KiB
TypeScript
|
import { connect } from 'react-redux';
|
||
|
|
import { mapDispatchToProps } from '../actions';
|
||
|
|
import { isNumber } from 'lodash';
|
||
|
|
|
||
|
|
import {
|
||
|
|
STATE_ENUM,
|
||
|
|
TimelineLoadingRow,
|
||
|
|
} from '../../components/conversation/TimelineLoadingRow';
|
||
|
|
import { LOAD_COUNTDOWN } from '../../components/conversation/Timeline';
|
||
|
|
|
||
|
|
import { StateType } from '../reducer';
|
||
|
|
import { getIntl } from '../selectors/user';
|
||
|
|
import { getConversationMessagesSelector } from '../selectors/conversations';
|
||
|
|
|
||
|
|
type ExternalProps = {
|
||
|
|
id: string;
|
||
|
|
};
|
||
|
|
|
||
|
|
const mapStateToProps = (state: StateType, props: ExternalProps) => {
|
||
|
|
const { id } = props;
|
||
|
|
|
||
|
|
const conversation = getConversationMessagesSelector(state)(id);
|
||
|
|
if (!conversation) {
|
||
|
|
throw new Error(`Did not find conversation ${id} in state!`);
|
||
|
|
}
|
||
|
|
|
||
|
|
const { isLoadingMessages, loadCountdownStart } = conversation;
|
||
|
|
|
||
|
|
const loadingState: STATE_ENUM = isLoadingMessages
|
||
|
|
? 'loading'
|
||
|
|
: isNumber(loadCountdownStart)
|
||
|
|
? 'countdown'
|
||
|
|
: 'idle';
|
||
|
|
const duration = loadingState === 'countdown' ? LOAD_COUNTDOWN : undefined;
|
||
|
|
const expiresAt =
|
||
|
|
loadingState === 'countdown' && loadCountdownStart
|
||
|
|
? loadCountdownStart + LOAD_COUNTDOWN
|
||
|
|
: undefined;
|
||
|
|
|
||
|
|
return {
|
||
|
|
state: loadingState,
|
||
|
|
duration,
|
||
|
|
expiresAt,
|
||
|
|
i18n: getIntl(state),
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
const smart = connect(mapStateToProps, mapDispatchToProps);
|
||
|
|
|
||
|
|
export const SmartTimelineLoadingRow = smart(TimelineLoadingRow);
|