@ -1,18 +1,20 @@
import PropTypes from 'prop-types' ;
import React from 'react' ;
import { defineMessages , injectIntl } from 'react-intl' ;
import { defineMessages , injectIntl , FormattedMessage } from 'react-intl' ;
import { connect } from 'react-redux' ;
import { directComposeById } from 'soapbox/actions/compose' ;
import AccountSearch from 'soapbox/components/account_search' ;
import { mountConversations , unmountConversations , expandConversations } from '../../actions/conversations' ;
import { connectDirectStream } from '../../actions/streaming' ;
import { Card , CardBody , Column , Stack , Text } from '../../components/ui' ;
import { Column } from '../../components/ui' ;
import ConversationsListContainer from './containers/conversations_list_container' ;
const messages = defineMessages ( {
title : { id : 'column.direct' , defaultMessage : 'Direct messages' } ,
searchPlaceholder : { id : 'direct.search_placeholder' , defaultMessage : 'Send a message to…' } ,
body : { id : 'direct.body' , defaultMessage : 'A new direct messaging experience will be available soon. Please stay tuned.' } ,
} ) ;
export default @ connect ( )
@ -54,35 +56,20 @@ class ConversationsTimeline extends React.PureComponent {
const { intl } = this . props ;
return (
< Column label = { intl . formatMessage ( messages . title ) } transparent >
< Card variant = 'rounded' >
< CardBody >
< Stack space = { 2 } >
< Text size = 'lg' align = 'center' weight = 'bold' > { intl . formatMessage ( messages . title ) } < / T e x t >
< Text theme = 'muted' align = 'center' > { intl . formatMessage ( messages . body ) } < / T e x t >
< / S t a c k >
< / C a r d B o d y >
< / C a r d >
< Column label = { intl . formatMessage ( messages . title ) } >
< AccountSearch
placeholder = { intl . formatMessage ( messages . searchPlaceholder ) }
onSelected = { this . handleSuggestion }
/ >
< ConversationsListContainer
scrollKey = 'direct_timeline'
timelineId = 'direct'
onLoadMore = { this . handleLoadMore }
emptyMessage = { < FormattedMessage id = 'empty_column.direct' defaultMessage = "You don't have any direct messages yet. When you send or receive one, it will show up here." / > }
/ >
< / C o l u m n >
) ;
// return (
// <Column label={intl.formatMessage(messages.title)}>
// <ColumnHeader icon='envelope' active={hasUnread} title={intl.formatMessage(messages.title)} />
// <AccountSearch
// placeholder={intl.formatMessage(messages.searchPlaceholder)}
// onSelected={this.handleSuggestion}
// />
// <ConversationsListContainer
// scrollKey='direct_timeline'
// timelineId='direct'
// onLoadMore={this.handleLoadMore}
// emptyMessage={<FormattedMessage id='empty_column.direct' defaultMessage="You don't have any direct messages yet. When you send or receive one, it will show up here." />}
// />
// </Column>
// );
}
}