70 lines
1.8 KiB
TypeScript
70 lines
1.8 KiB
TypeScript
|
// Copyright 2021 Signal Messenger, LLC
|
||
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
||
|
|
|
||
|
|
import React from 'react';
|
||
|
|
import { connect } from 'react-redux';
|
||
|
|
import { mapDispatchToProps } from '../actions';
|
||
|
|
import { ConversationView } from '../../components/conversation/ConversationView';
|
||
|
|
import { StateType } from '../reducer';
|
||
|
|
import {
|
||
|
|
SmartCompositionArea,
|
||
|
|
CompositionAreaPropsType,
|
||
|
|
} from './CompositionArea';
|
||
|
|
import {
|
||
|
|
SmartConversationHeader,
|
||
|
|
OwnProps as ConversationHeaderPropsType,
|
||
|
|
} from './ConversationHeader';
|
||
|
|
import { SmartTimeline, TimelinePropsType } from './Timeline';
|
||
|
|
|
||
|
|
export type PropsType = {
|
||
|
|
compositionAreaProps: Pick<
|
||
|
|
CompositionAreaPropsType,
|
||
|
|
| 'clearQuotedMessage'
|
||
|
|
| 'compositionApi'
|
||
|
|
| 'getQuotedMessage'
|
||
|
|
| 'handleClickQuotedMessage'
|
||
|
|
| 'id'
|
||
|
|
| 'onAccept'
|
||
|
|
| 'onBlock'
|
||
|
|
| 'onBlockAndReportSpam'
|
||
|
|
| 'onCancelJoinRequest'
|
||
|
|
| 'onClearAttachments'
|
||
|
|
| 'onClickAddPack'
|
||
|
|
| 'onClickAttachment'
|
||
|
|
| 'onCloseLinkPreview'
|
||
|
|
| 'onDelete'
|
||
|
|
| 'onEditorStateChange'
|
||
|
|
| 'onPickSticker'
|
||
|
|
| 'onSelectMediaQuality'
|
||
|
|
| 'onSendMessage'
|
||
|
|
| 'onStartGroupMigration'
|
||
|
|
| 'onTextTooLong'
|
||
|
|
| 'onUnblock'
|
||
|
|
| 'openConversation'
|
||
|
|
>;
|
||
|
|
conversationHeaderProps: ConversationHeaderPropsType;
|
||
|
|
timelineProps: TimelinePropsType;
|
||
|
|
};
|
||
|
|
|
||
|
|
const mapStateToProps = (_state: StateType, props: PropsType) => {
|
||
|
|
const {
|
||
|
|
compositionAreaProps,
|
||
|
|
conversationHeaderProps,
|
||
|
|
timelineProps,
|
||
|
|
} = props;
|
||
|
|
|
||
|
|
return {
|
||
|
|
renderCompositionArea: () => (
|
||
|
|
<SmartCompositionArea {...compositionAreaProps} />
|
||
|
|
),
|
||
|
|
renderConversationHeader: () => (
|
||
|
|
<SmartConversationHeader {...conversationHeaderProps} />
|
||
|
|
),
|
||
|
|
renderTimeline: () => <SmartTimeline {...timelineProps} />,
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
const smart = connect(mapStateToProps, mapDispatchToProps);
|
||
|
|
|
||
|
|
export const SmartConversationView = smart(ConversationView);
|