diff --git a/app/javascript/dashboard/components/widgets/conversation/Message.vue b/app/javascript/dashboard/components/widgets/conversation/Message.vue index 5439f6451..4d0cf589e 100644 --- a/app/javascript/dashboard/components/widgets/conversation/Message.vue +++ b/app/javascript/dashboard/components/widgets/conversation/Message.vue @@ -42,7 +42,13 @@ -
+ {{ sender.name }}
- + @@ -104,6 +110,11 @@ export default { } = this; return contentType; }, + twitterProfileLink() { + const additionalAttributes = this.sender.additional_attributes || {}; + const { screen_name: screenName } = additionalAttributes; + return `https://twitter.com/${screenName}`; + }, alignBubble() { return !this.data.message_type ? 'left' : 'right'; }, @@ -181,8 +192,9 @@ export default { } .sender--info { - display: flex; align-items: center; + color: var(--b-700); + display: inline-flex; padding: var(--space-smaller) 0; .sender--available-name {