From: ajbura <ajbura@gmail.com>
Date: Fri, 4 Feb 2022 06:09:18 +0000 (+0530)
Subject: Fix reaction tooltip message
X-Git-Tag: v1.8.0~108
X-Git-Url: https://git.wafflesoft.org/?a=commitdiff_plain;h=b008c5f07f70f6f81d059f9617dd4c8bf40aeb8e;p=rainny.git

Fix reaction tooltip message

Signed-off-by: ajbura <ajbura@gmail.com>
---

diff --git a/src/app/molecules/message/Message.jsx b/src/app/molecules/message/Message.jsx
index 8d3b61f..319e9c8 100644
--- a/src/app/molecules/message/Message.jsx
+++ b/src/app/molecules/message/Message.jsx
@@ -304,9 +304,11 @@ function genReactionMsg(userIds, reaction) {
       {userIds.map((userId, index) => (
         <React.Fragment key={userId}>
           {twemojify(getUsername(userId))}
-          <span style={{ opacity: '.6' }}>
-            {index === userIds.length - 1 ? ' and ' : ', '}
-          </span>
+          {index < userIds.length - 1 && (
+            <span style={{ opacity: '.6' }}>
+              {index === userIds.length - 2 ? ' and ' : ', '}
+            </span>
+          )}
         </React.Fragment>
       ))}
       <span style={{ opacity: '.6' }}>{' reacted with '}</span>