From eebfc988bbdcc61e4786a4b04bc051cbc7107bc0 Mon Sep 17 00:00:00 2001
From: Warrick Corfe-Tan <warrickct@gmail.com>
Date: Fri, 30 Jul 2021 11:50:29 +1000
Subject: [PATCH] Adding icons to the header row.

---
 ts/components/ConversationListItem.tsx | 33 ++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/ts/components/ConversationListItem.tsx b/ts/components/ConversationListItem.tsx
index eaa14b2a9..7ac984efe 100644
--- a/ts/components/ConversationListItem.tsx
+++ b/ts/components/ConversationListItem.tsx
@@ -90,6 +90,33 @@ const HeaderItem = (props: {
         iconSize={SessionIconSize.Tiny}
       />
     ) : null;
+
+
+  const NotificationSettingIcon = () => {
+    if (!isMessagesSection) {
+      return null;
+    }
+
+    switch (currentNotificationSetting) {
+      case ('all'):
+        return null;
+      case ('disabled'):
+        return <SessionIcon
+          iconType={SessionIconType.Mute}
+          iconColor={theme.colors.textColorSubtle}
+          iconSize={SessionIconSize.Tiny}
+        />
+      case ('mentions_only'):
+        return <SessionIcon
+          iconType={SessionIconType.Bell}
+          iconColor={theme.colors.textColorSubtle}
+          iconSize={SessionIconSize.Tiny}
+        />
+      default:
+        return null;
+    }
+  }
+
   return (
     <div className="module-conversation-list-item__header">
       <div
@@ -105,7 +132,11 @@ const HeaderItem = (props: {
           profileName={profileName}
         />
       </div>
+
+      <StyledConversationListItemIconWrapper>
         {pinIcon}
+        <NotificationSettingIcon></NotificationSettingIcon>
+      </StyledConversationListItemIconWrapper>
       {unreadCountDiv}
       {atSymbol}
       {
@@ -292,6 +323,8 @@ const ConversationListItem = (props: Props) => {
             conversationId={conversationId}
             name={name}
             profileName={profileName}
+            currentNotificationSetting={currentNotificationSetting}
+          />
             />
           <MessageItem isTyping={isTyping} unreadCount={unreadCount} lastMessage={lastMessage} />
         </div>