summaryrefslogtreecommitdiffstats
path: root/webapp/stores/reaction_store.jsx
blob: 166569e3dbe911b13fabf4952be2542a7df12098 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
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();