From f2d115d2d7daa8c28290478c5946b7ab8e5f7de1 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Thu, 21 Nov 2024 20:42:39 +0530
Subject: [PATCH] fix: styling for p tag

---
 .../components-next/message/bubbles/Text.vue         | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/components-next/message/bubbles/Text.vue b/app/javascript/dashboard/components-next/message/bubbles/Text.vue
index cc2c42236..4371ce264 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Text.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Text.vue
@@ -39,7 +39,7 @@ const orientationMap = {
 const messageClass = computed(() => {
   const classToApply = [varaintBaseMap[props.variant]];
 
-  if (props.variant !== 'system') {
+  if (props.variant !== MESSAGE_VARIANTS.ACTIVITY) {
     classToApply.push(orientationMap[props.orientation]);
   } else {
     classToApply.push('rounded-lg');
@@ -49,6 +49,10 @@ const messageClass = computed(() => {
 });
 
 const formattedContent = computed(() => {
+  if (props.variant === MESSAGE_VARIANTS.ACTIVITY) {
+    return props.content;
+  }
+
   return new MessageFormatter(props.content).formattedMessage;
 });
 </script>
@@ -58,3 +62,9 @@ const formattedContent = computed(() => {
     <span v-html="formattedContent" />
   </div>
 </template>
+
+<style>
+p:last-child {
+  margin-bottom: 0;
+}
+</style>