59045e3bb0
* WIP: slash suggestion autocomplete * WIP: patched styles a bit * WIP: Adding styles * Adding active state to autocomplete items * Fixing style for channel mention item * Fixing bugs + styling issues for Android * Updating snapshot * Fixing autocomplete to render on top of post draft - Misc style fixes * Renaming props, patching slash suggestion icon * Fixing tests and lint errors * Resolving post-merge issue with slash commands * Fixing android positioning for autocomplete * Fixing autocomplete not scrolling in edit_channel_info * WIP: Fixing things according to UX Review * UX Fixes to autocomplete * Updating snapshots * Updating snapshots, replacing slash-command icons * Fixing android scrolling and positioning issues * Fixing issues with date_suggestion not rendering * Making use of the "ShowFullName" config in at_mention_item * Removing top border on first autocomplete section * Allowing autocomplete to be smaller than its maxWidth * Fixing slash_suggestion padding * removing "componentWillReceiveProps" from date_suggestion * Changing edit_channel_info autocomplete offset * Replacing toUpperCase() with textTransform: uppercase * Fixing odd border issues + prop validation warning * Restore section header background & add paddingBottom * Patching up padding on channel mentions - Reverting previous incorrect padding adjustments * Removing inline 'completeSuggestion' function * Removing brackets from style prop
33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {connect} from 'react-redux';
|
|
|
|
import {getCurrentUserId, getUser} from '@mm-redux/selectors/entities/users';
|
|
|
|
import {getTheme} from '@mm-redux/selectors/entities/preferences';
|
|
import {getConfig} from '@mm-redux/selectors/entities/general';
|
|
|
|
import AtMentionItem from './at_mention_item';
|
|
|
|
import {isLandscape} from 'app/selectors/device';
|
|
import {isGuest} from 'app/utils/users';
|
|
|
|
function mapStateToProps(state, ownProps) {
|
|
const user = getUser(state, ownProps.userId);
|
|
const config = getConfig(state);
|
|
return {
|
|
firstName: user.first_name,
|
|
lastName: user.last_name,
|
|
nickname: user.nickname,
|
|
username: user.username,
|
|
showFullName: config.ShowFullName,
|
|
isBot: Boolean(user.is_bot),
|
|
isGuest: isGuest(user),
|
|
theme: getTheme(state),
|
|
isLandscape: isLandscape(state),
|
|
isCurrentUser: getCurrentUserId(state) === user.id,
|
|
};
|
|
}
|
|
|
|
export default connect(mapStateToProps)(AtMentionItem);
|