diff options
author | Harrison Healey <harrisonmhealey@gmail.com> | 2016-11-30 13:55:49 -0500 |
---|---|---|
committer | GitHub <noreply@github.com> | 2016-11-30 13:55:49 -0500 |
commit | 165ad0d4f791f8ae2109472d8a626d911fa368e0 (patch) | |
tree | 29001baf676d7d4ef4cd9462e9f2c6766ed6333a /webapp/stores/reaction_store.jsx | |
parent | 2bf0342d130b3a77c5ed02e98e0857f28a5787f0 (diff) | |
download | chat-165ad0d4f791f8ae2109472d8a626d911fa368e0.tar.gz chat-165ad0d4f791f8ae2109472d8a626d911fa368e0.tar.bz2 chat-165ad0d4f791f8ae2109472d8a626d911fa368e0.zip |
PLT-1378 Initial version of emoji reactions (#4520)
* Refactored emoji.json to support multiple aliases and emoji categories
* Added custom category to emoji.jsx and stabilized all fields
* Removed conflicting aliases for :mattermost: and :ca:
* fixup after store changes
* Added emoji reactions
* Removed reactions for an emoji when that emoji is deleted
* Fixed incorrect test case
* Renamed ReactionList to ReactionListView
* Fixed :+1: and :-1: not showing up as possible reactions
* Removed text emoticons from emoji reaction autocomplete
* Changed emoji reactions to be sorted by the order that they were first created
* Set a maximum number of listeners for the ReactionStore
* Removed unused code from Textbox component
* Fixed reaction permissions
* Changed error code when trying to modify reactions for another user
* Fixed merge conflicts
* Properly applied theme colours to reactions
* Fixed ESLint and gofmt errors
* Fixed ReactionListContainer to properly update when its post prop changes
* Removed unnecessary escape characters from reaction regexes
* Shared reaction message pattern between CreatePost and CreateComment
* Removed an unnecessary select query when saving a reaction
* Changed reactions route to be under /reactions
* Fixed copyright dates on newly added files
* Removed debug code that prevented all unit tests from being ran
* Cleaned up unnecessary code for reactions
* Renamed ReactionStore.List to ReactionStore.GetForPost
Diffstat (limited to 'webapp/stores/reaction_store.jsx')
-rw-r--r-- | webapp/stores/reaction_store.jsx | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/webapp/stores/reaction_store.jsx b/webapp/stores/reaction_store.jsx new file mode 100644 index 000000000..166569e3d --- /dev/null +++ b/webapp/stores/reaction_store.jsx @@ -0,0 +1,92 @@ +// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import AppDispatcher from '../dispatcher/app_dispatcher.jsx'; +import Constants from 'utils/constants.jsx'; +import EventEmitter from 'events'; + +const ActionTypes = Constants.ActionTypes; + +const CHANGE_EVENT = 'changed'; + +class ReactionStore extends EventEmitter { + constructor() { + super(); + + this.dispatchToken = AppDispatcher.register(this.handleEventPayload.bind(this)); + + this.reactions = new Map(); + + this.setMaxListeners(600); + } + + addChangeListener(postId, callback) { + this.on(CHANGE_EVENT + postId, callback); + } + + removeChangeListener(postId, callback) { + this.removeListener(CHANGE_EVENT + postId, callback); + } + + emitChange(postId) { + this.emit(CHANGE_EVENT + postId, postId); + } + + setReactions(postId, reactions) { + this.reactions.set(postId, reactions); + } + + addReaction(postId, reaction) { + const reactions = []; + + for (const existing of this.getReactions(postId)) { + // make sure not to add duplicates + if (existing.user_id !== reaction.user_id || existing.post_id !== reaction.post_id || + existing.emoji_name !== reaction.emoji_name) { + reactions.push(existing); + } + } + + reactions.push(reaction); + + this.setReactions(postId, reactions); + } + + removeReaction(postId, reaction) { + const reactions = []; + + for (const existing of this.getReactions(postId)) { + if (existing.user_id !== reaction.user_id || existing.post_id !== reaction.post_id || + existing.emoji_name !== reaction.emoji_name) { + reactions.push(existing); + } + } + + this.setReactions(postId, reactions); + } + + getReactions(postId) { + return this.reactions.get(postId) || []; + } + + handleEventPayload(payload) { + const action = payload.action; + + switch (action.type) { + case ActionTypes.RECEIVED_REACTIONS: + this.setReactions(action.postId, action.reactions); + this.emitChange(action.postId); + break; + case ActionTypes.ADDED_REACTION: + this.addReaction(action.postId, action.reaction); + this.emitChange(action.postId); + break; + case ActionTypes.REMOVED_REACTION: + this.removeReaction(action.postId, action.reaction); + this.emitChange(action.postId); + break; + } + } +} + +export default new ReactionStore();
\ No newline at end of file |