summaryrefslogtreecommitdiffstats
path: root/web/react/components/search_results_item.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/react/components/search_results_item.jsx')
-rw-r--r--web/react/components/search_results_item.jsx143
1 files changed, 0 insertions, 143 deletions
diff --git a/web/react/components/search_results_item.jsx b/web/react/components/search_results_item.jsx
deleted file mode 100644
index 9c3b0336b..000000000
--- a/web/react/components/search_results_item.jsx
+++ /dev/null
@@ -1,143 +0,0 @@
-// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
-// See License.txt for license information.
-
-import UserStore from '../stores/user_store.jsx';
-import UserProfile from './user_profile.jsx';
-import * as GlobalActions from '../action_creators/global_actions.jsx';
-import * as TextFormatting from '../utils/text_formatting.jsx';
-
-import Constants from '../utils/constants.jsx';
-
-import {FormattedMessage, FormattedDate} from 'mm-intl';
-
-export default class SearchResultsItem extends React.Component {
- constructor(props) {
- super(props);
-
- this.handleClick = this.handleClick.bind(this);
- this.handleFocusRHSClick = this.handleFocusRHSClick.bind(this);
- }
-
- handleClick(e) {
- e.preventDefault();
-
- GlobalActions.emitPostFocusEvent(this.props.post.id);
-
- if ($(window).width() < 768) {
- $('.sidebar--right').removeClass('move--left');
- $('.inner-wrap').removeClass('move--left');
- }
- }
-
- handleFocusRHSClick(e) {
- e.preventDefault();
- GlobalActions.emitPostFocusRightHandSideFromSearch(this.props.post, this.props.isMentionSearch);
- }
-
- render() {
- let channelName = null;
- const channel = this.props.channel;
- const timestamp = UserStore.getCurrentUser().update_at;
- const user = this.props.user || {};
-
- if (channel) {
- channelName = channel.display_name;
- if (channel.type === 'D') {
- channelName = (
- <FormattedMessage
- id='search_item.direct'
- defaultMessage='Direct Message'
- />
- );
- }
- }
-
- const formattingOptions = {
- searchTerm: this.props.term,
- mentionHighlight: this.props.isMentionSearch
- };
-
- return (
- <div className='search-item__container'>
- <div className='date-separator'>
- <hr className='separator__hr'/>
- <div className='separator__text'>
- <FormattedDate
- value={this.props.post.create_at}
- day='numeric'
- month='long'
- year='numeric'
- />
- </div>
- </div>
- <div
- className='post'
- >
- <div className='search-channel__name'>{channelName}</div>
- <div className='post__content'>
- <div className='post__img'>
- <img
- src={'/api/v1/users/' + this.props.post.user_id + '/image?time=' + timestamp}
- height='36'
- width='36'
- />
- </div>
- <div>
- <ul className='post__header'>
- <li className='col__name'><strong><UserProfile user={user}/></strong></li>
- <li className='col'>
- <time className='search-item-time'>
- <FormattedDate
- value={this.props.post.create_at}
- hour12={true}
- hour='2-digit'
- minute='2-digit'
- />
- </time>
- </li>
- <li>
- <a
- href='#'
- className='search-item__jump'
- onClick={this.handleClick}
- >
- <FormattedMessage
- id='search_item.jump'
- defaultMessage='Jump'
- />
- </a>
- </li>
- <li>
- <a
- href='#'
- className='comment-icon__container search-item__comment'
- onClick={this.handleFocusRHSClick}
- >
- <span
- className='comment-icon'
- dangerouslySetInnerHTML={{__html: Constants.REPLY_ICON}}
- />
- </a>
- </li>
- </ul>
- <div className='search-item-snippet'>
- <span
- onClick={TextFormatting.handleClick}
- dangerouslySetInnerHTML={{__html: TextFormatting.formatText(this.props.post.message, formattingOptions)}}
- />
- </div>
- </div>
- </div>
- </div>
- </div>
- );
- }
-}
-
-SearchResultsItem.propTypes = {
- post: React.PropTypes.object,
- user: React.PropTypes.object,
- channel: React.PropTypes.object,
- isMentionSearch: React.PropTypes.bool,
- term: React.PropTypes.string
-};