Fix reaction tooltip for offchain communities (#33)

Co-authored-by: Raymond Zhong <raykyri@gmail.com>
hicommonwealth · Apr 24, 2020 · b74e8d8 · b74e8d8
1 parent 9a89092
commit b74e8d8
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/client/scripts/controllers/server/reactions.ts b/client/scripts/controllers/server/reactions.ts
@@ -20,6 +20,7 @@ const modelFromServer = (reaction) => {
     reaction.reaction,
     reaction.thread_id,
     reaction.comment_id,
+    reaction.Address.chain,
   );
 };
 

diff --git a/client/scripts/models/OffchainReaction.ts b/client/scripts/models/OffchainReaction.ts
@@ -8,15 +8,17 @@ class OffchainReaction<T extends IUniqueId> {
   public readonly reaction: string;
   public readonly threadId: number | string;
   public readonly commentId: number | string;
+  public readonly author_chain: string;
 
-  constructor(id, author, chain, community, reaction, threadId, communityId) {
+  constructor(id, author, chain, community, reaction, threadId, communityId, author_chain) {
     this.id = id;
     this.author = author;
     this.chain = chain;
     this.community = community;
     this.reaction = reaction;
     this.threadId = threadId;
     this.commentId = communityId;
+    this.author_chain = author_chain;
   }
 }
 

diff --git a/client/scripts/views/components/reaction_button.ts b/client/scripts/views/components/reaction_button.ts
@@ -43,7 +43,7 @@ const ReactionButton: m.Component<IAttrs, IState> = {
     if (hasReacted) hasReactedType = rxn.reaction;
 
     const reactors = (likes || dislikes).slice(0, MAX_VISIBLE_REACTING_ACCOUNTS).map((rxn_) => {
-      return m('.reacting-user', m(User, { user: [rxn_.author, app.activeChainId()], linkify: true }));
+      return m('.reacting-user', m(User, { user: [rxn_.author, rxn_.author_chain], linkify: true }));
     });
     if (reactors.length < (likes || dislikes).length) {
       const diff = (likes || dislikes).length - reactors.length;
@@ -58,6 +58,7 @@ const ReactionButton: m.Component<IAttrs, IState> = {
         e.preventDefault();
         e.stopPropagation();
         if (disabled) return;
+        // if it's a community use the app.vm.activeAccount.chain.id instead of author chain
         const chainId = app.activeCommunityId() ? null : app.activeChainId();
         const communityId = app.activeCommunityId();
         if (hasReacted) {