add chat bubbles

Expensify · Sep 25, 2023 · a3dffb3 · a3dffb3
1 parent f997180
commit a3dffb3
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 8 deletions.
diff --git a/assets/images/chatbubbles.svg b/assets/images/chatbubbles.svg
diff --git a/src/components/Icon/Expensicons.js b/src/components/Icon/Expensicons.js
@@ -19,6 +19,7 @@ import Camera from '../../../assets/images/camera.svg';
 import Car from '../../../assets/images/car.svg';
 import Cash from '../../../assets/images/cash.svg';
 import ChatBubble from '../../../assets/images/chatbubble.svg';
+import ChatBubbles from '../../../assets/images/chatbubbles.svg';
 import Checkmark from '../../../assets/images/checkmark.svg';
 import Chair from '../../../assets/images/chair.svg';
 import Close from '../../../assets/images/close.svg';
@@ -147,6 +148,7 @@ export {
     Car,
     Cash,
     ChatBubble,
+    ChatBubbles,
     Checkmark,
     Chair,
     Close,

diff --git a/src/pages/home/HeaderView.js b/src/pages/home/HeaderView.js
@@ -136,19 +136,19 @@ function HeaderView(props) {
     }
 
     if (isChatThread) {
-        if (props.report.notificationPreference !== CONST.REPORT.NOTIFICATION_PREFERENCE.HIDDEN) {
+        if (props.report.notificationPreference === CONST.REPORT.NOTIFICATION_PREFERENCE.HIDDEN) {
             threeDotMenuItems.push({
-                icon: Expensicons.Exit,
+                icon: Expensicons.ChatBubbles,
                 iconFill: themeColors.icon,
-                text: props.translate('common.leaveThread'),
-                onSelected: () => Report.leaveRoom(props.report.reportID),
+                text: props.translate('common.joinThread'),
+                onSelected: () => Report.updateNotificationPreference(props.report.reportID, props.report.notificationPreference, CONST.REPORT.NOTIFICATION_PREFERENCE.ALWAYS, false),
             });
-        } else {
+        } else if (props.report.notificationPreference.length) {
             threeDotMenuItems.push({
-                icon: Expensicons.ChatBubble,
+                icon: Expensicons.ChatBubbles,
                 iconFill: themeColors.icon,
-                text: props.translate('common.joinThread'),
-                onSelected: () => Report.updateNotificationPreference(props.report.reportID, props.report.notificationPreference, CONST.REPORT.NOTIFICATION_PREFERENCE.ALWAYS, false),
+                text: props.translate('common.leaveThread'),
+                onSelected: () => Report.leaveRoom(props.report.reportID),
             });
         }
     }