From 6deb2815650813ced3d14955580de43ebdd23061 Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Thu, 20 Mar 2025 15:18:12 +0100
Subject: [PATCH] add task information to recently time entries dashboard card

---
 .../RecentlyTrackedTasksCardEntry.vue         | 28 +++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue b/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue
index c4d62f0a..7aa59bac 100644
--- a/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue
+++ b/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue
@@ -7,6 +7,8 @@ import { computed } from 'vue';
 import { useCurrentTimeEntryStore } from '@/utils/useCurrentTimeEntry';
 import { getDayJsInstance } from '@/packages/ui/src/utils/time';
 import type { TimeEntry } from "@/packages/api/src";
+import { useTasksStore } from "@/utils/useTasks";
+import { ChevronRightIcon } from "@heroicons/vue/16/solid";
 
 const props = defineProps<{
     timeEntry: TimeEntry
@@ -18,6 +20,12 @@ const project = computed(() => {
     return projects.value.find((project) => project.id === props.timeEntry.project_id);
 });
 
+const {tasks} = storeToRefs(useTasksStore());
+
+const task = computed(() => {
+    return tasks.value.find((task) => task.id === props.timeEntry.task_id);
+});
+
 const { currentTimeEntry } = storeToRefs(useCurrentTimeEntryStore());
 const { setActiveState } = useCurrentTimeEntryStore();
 
@@ -46,8 +54,24 @@ async function startTaskTimer() {
                 <span v-else class="text-text-tertiary">No description</span>
             </p>
             <ProjectBadge
-                :name="project?.name ?? 'No Project'"
-                :color="project?.color"></ProjectBadge>
+                size="base"
+                :color="project?.color">
+
+                <div class="flex items-center lg:space-x-0.5 min-w-0">
+                    <span class="whitespace-nowrap ">
+                        {{ project?.name ?? 'No Project' }}
+                    </span>
+                    <ChevronRightIcon
+                        v-if="task"
+                        class="w-4 text-muted shrink-0"></ChevronRightIcon>
+                    <div
+                        v-if="task"
+                        class="min-w-0 shrink truncate">
+                        {{ task.name }}
+                    </div>
+                </div>
+
+            </ProjectBadge>
         </div>
         <div class="flex items-center justify-center">
             <TimeTrackerStartStop