fix: use priority icon instead of badge

This commit is contained in:
Shariq Ansari 2023-09-28 21:13:40 +05:30
parent b088110385
commit 6d9fdcc692

View File

@ -97,29 +97,20 @@
</div> </div>
<div class="flex gap-2"> <div class="flex gap-2">
<CalendarIcon /> <CalendarIcon />
<Tooltip v-if="task.due_date" :text="dateFormat(task.due_date, 'ddd, MMM D, YYYY')"> <Tooltip
v-if="task.due_date"
:text="dateFormat(task.due_date, 'ddd, MMM D, YYYY')"
>
{{ dateFormat(task.due_date, 'D MMM') }} {{ dateFormat(task.due_date, 'D MMM') }}
</Tooltip> </Tooltip>
<div v-else class="text-gray-600"> <div v-else class="text-gray-600">No due date</div>
No due date
</div>
</div> </div>
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
<DotIcon class="h-2.5 w-2.5 text-gray-600" :radius="2" /> <DotIcon class="h-2.5 w-2.5 text-gray-600" :radius="2" />
</div> </div>
<div> <div class="flex gap-2">
<Badge <TaskPriorityIcon :priority="task.priority" />
variant="solid" {{ task.priority }}
:class="
task.priority == 'High'
? '!bg-red-200 text-red-800'
: task.priority == 'Medium'
? '!bg-yellow-200 text-yellow-700'
: '!bg-gray-200 !text-gray-600'
"
size="sm"
:label="task.priority"
/>
</div> </div>
</div> </div>
</div> </div>
@ -586,6 +577,7 @@ import TaskIcon from '@/components/Icons/TaskIcon.vue'
import DurationIcon from '@/components/Icons/DurationIcon.vue' import DurationIcon from '@/components/Icons/DurationIcon.vue'
import CalendarIcon from '@/components/Icons/CalendarIcon.vue' import CalendarIcon from '@/components/Icons/CalendarIcon.vue'
import TaskStatusIcon from '@/components/Icons/TaskStatusIcon.vue' import TaskStatusIcon from '@/components/Icons/TaskStatusIcon.vue'
import TaskPriorityIcon from '@/components/Icons/TaskPriorityIcon.vue'
import PlayIcon from '@/components/Icons/PlayIcon.vue' import PlayIcon from '@/components/Icons/PlayIcon.vue'
import LeadsIcon from '@/components/Icons/LeadsIcon.vue' import LeadsIcon from '@/components/Icons/LeadsIcon.vue'
import DealsIcon from '@/components/Icons/DealsIcon.vue' import DealsIcon from '@/components/Icons/DealsIcon.vue'
@ -616,7 +608,6 @@ import {
createResource, createResource,
createListResource, createListResource,
call, call,
Badge,
} from 'frappe-ui' } from 'frappe-ui'
import { ref, computed, h, defineModel, markRaw, watch } from 'vue' import { ref, computed, h, defineModel, markRaw, watch } from 'vue'