diff options
Diffstat (limited to 'webapp/components/suggestion/command_provider.jsx')
-rw-r--r-- | webapp/components/suggestion/command_provider.jsx | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/webapp/components/suggestion/command_provider.jsx b/webapp/components/suggestion/command_provider.jsx new file mode 100644 index 000000000..36860fa66 --- /dev/null +++ b/webapp/components/suggestion/command_provider.jsx @@ -0,0 +1,45 @@ +// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import * as AsyncClient from 'utils/async_client.jsx'; + +import React from 'react'; + +class CommandSuggestion extends React.Component { + render() { + const {item, isSelection, onClick} = this.props; + + let className = 'command'; + if (isSelection) { + className += ' suggestion--selected'; + } + + return ( + <div + className={className} + onClick={onClick} + > + <div className='command__title'> + <string>{item.suggestion} {item.hint}</string> + </div> + <div className='command__desc'> + {item.description} + </div> + </div> + ); + } +} + +CommandSuggestion.propTypes = { + item: React.PropTypes.object.isRequired, + isSelection: React.PropTypes.bool, + onClick: React.PropTypes.func +}; + +export default class CommandProvider { + handlePretextChanged(suggestionId, pretext) { + if (pretext.startsWith('/')) { + AsyncClient.getSuggestedCommands(pretext, suggestionId, CommandSuggestion); + } + } +} |