[Enhancement] Group widget messages by users (#367)

* Remove thumbnail

* Show grouped messages

app/javascript/widget/store/modules/conversation.js

@@ -45,9 +45,33 @@ export const getters = {
     return {};
   },
   getGroupedConversation: _state => {
-    return groupBy(Object.values(_state.conversations), message =>
-      new DateHelper(message.created_at).format()
+    const conversationGroupedByDate = groupBy(
+      Object.values(_state.conversations),
+      message => new DateHelper(message.created_at).format()
     );
+
+    return Object.keys(conversationGroupedByDate).map(date => {
+      const messages = conversationGroupedByDate[date].map((message, index) => {
+        let showAvatar = false;
+        if (index === conversationGroupedByDate[date].length - 1) {
+          showAvatar = true;
+        } else {
+          const nextMessage = conversationGroupedByDate[date][index + 1];
+          const currentSender = message.sender ? message.sender.name : '';
+          const nextSender = nextMessage.sender ? nextMessage.sender.name : '';
+          showAvatar = currentSender !== nextSender;
+        }
+        return {
+          showAvatar,
+          ...message,
+        };
+      });
+
+      return {
+        date,
+        messages,
+      };
+    });
   },
   getIsFetchingList: _state => _state.uiFlags.isFetchingList,
 };