From 74811f4820331fab416cd190d952a1c650c92736 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 29 Sep 2023 18:43:24 +0530
Subject: [PATCH] fix: minor fixes

---
 frontend/src/components/Activities.vue        | 23 ++++++++++---------
 .../src/components/Icons/TaskPriorityIcon.vue |  5 +++-
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/Activities.vue b/frontend/src/components/Activities.vue
index 6f3bba61..edde8a91 100644
--- a/frontend/src/components/Activities.vue
+++ b/frontend/src/components/Activities.vue
@@ -92,24 +92,23 @@
                 <UserAvatar :user="task.assigned_to" size="xs" />
                 {{ getUser(task.assigned_to).full_name }}
               </div>
-              <div class="flex items-center justify-center">
+              <div
+                v-if="task.due_date"
+                class="flex items-center justify-center"
+              >
                 <DotIcon class="h-2.5 w-2.5 text-gray-600" :radius="2" />
               </div>
-              <div class="flex gap-2">
+              <div v-if="task.due_date" class="flex gap-2">
                 <CalendarIcon />
-                <Tooltip
-                  v-if="task.due_date"
-                  :text="dateFormat(task.due_date, 'ddd, MMM D, YYYY')"
-                >
+                <Tooltip :text="dateFormat(task.due_date, 'ddd, MMM D, YYYY')">
                   {{ dateFormat(task.due_date, 'D MMM') }}
                 </Tooltip>
-                <div v-else class="text-gray-600">No due date</div>
               </div>
               <div class="flex items-center justify-center">
                 <DotIcon class="h-2.5 w-2.5 text-gray-600" :radius="2" />
               </div>
               <div class="flex gap-2">
-                <TaskPriorityIcon :priority="task.priority" />
+                <TaskPriorityIcon class="!w-2 !h-2" :priority="task.priority" />
                 {{ task.priority }}
               </div>
             </div>
@@ -119,9 +118,11 @@
               :options="taskStatusOptions(updateTaskStatus, task)"
               @click.stop
             >
-              <Button variant="ghosted" class="hover:bg-gray-300">
-                <TaskStatusIcon :status="task.status" />
-              </Button>
+              <Tooltip text="Change status">
+                <Button variant="ghosted" class="hover:bg-gray-300">
+                  <TaskStatusIcon :status="task.status" />
+                </Button>
+              </Tooltip>
             </Dropdown>
             <Dropdown
               :options="[
diff --git a/frontend/src/components/Icons/TaskPriorityIcon.vue b/frontend/src/components/Icons/TaskPriorityIcon.vue
index 47f93f73..dc2fdf6c 100644
--- a/frontend/src/components/Icons/TaskPriorityIcon.vue
+++ b/frontend/src/components/Icons/TaskPriorityIcon.vue
@@ -6,11 +6,14 @@
         'bg-red-500': priority === 'High',
         'bg-yellow-500': priority === 'Medium',
         'bg-gray-300': priority === 'Low',
-      }"
+      }, $attrs.class"
     ></div>
   </div>
 </template>
 <script setup>
+defineOptions({
+  inheritAttrs: false
+})
 const props = defineProps({
   priority: {
     type: String,