From 1cc972ea8b08e7fd4d895e80a298f86cb822cce1 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 6 Aug 2025 17:40:58 +0530
Subject: [PATCH] feat: improve event description display in
 CalendarEventDetails component

---
 .../Calendar/CalendarEventDetails.vue         | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/Calendar/CalendarEventDetails.vue b/frontend/src/components/Calendar/CalendarEventDetails.vue
index b74ac320..de71fb64 100644
--- a/frontend/src/components/Calendar/CalendarEventDetails.vue
+++ b/frontend/src/components/Calendar/CalendarEventDetails.vue
@@ -50,19 +50,19 @@
           <div class="text-ink-gray-6 text-p-base">{{ formattedDateTime }}</div>
         </div>
       </div>
-      <div class="mx-4.5 my-2.5 border-t border-outline-gray-1" />
-      <div>
-        <div class="flex gap-2 items-center text-ink-gray-7 px-4.5 py-2">
+      <div
+        v-if="event.description && event.description !== '<p></p>'"
+        class="mx-4.5 my-2.5 border-t border-outline-gray-1"
+      />
+      <div v-if="event.description && event.description !== '<p></p>'">
+        <div class="flex gap-2 items-center text-ink-gray-7 px-4.5 py-1">
           <DescriptionIcon class="size-4" />
           {{ __('Description') }}
         </div>
-        <div class="px-4.5 py-2 text-ink-gray-7 text-p-base">
-          <div
-            v-if="event.description && event.description !== '<p></p>'"
-            v-html="event.description"
-          />
-          <div class="text-ink-gray-5" v-else>{{ __('(No description)') }}</div>
-        </div>
+        <div
+          class="px-4.5 py-2 text-ink-gray-7 text-p-base"
+          v-html="event.description"
+        />
       </div>
     </div>
   </div>