From eddd478de7570255ffa9954a6efa652a54075383 Mon Sep 17 00:00:00 2001
From: "sjin.on.ca@gmail.com" <sjin.on.ca@gmail.com>
Date: Thu, 11 Jun 2026 17:02:46 +0100
Subject: [PATCH] fix: only show collapse button when task has subtasks

Use task.relatedTasks?.subtask?.length instead of task.relatedTasks
to prevent showing collapse buttons on tasks without subtasks.
---
 .../src/components/tasks/partials/SingleTaskInProject.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/tasks/partials/SingleTaskInProject.vue b/frontend/src/components/tasks/partials/SingleTaskInProject.vue
index 66634fd59..764171c4d 100644
--- a/frontend/src/components/tasks/partials/SingleTaskInProject.vue
+++ b/frontend/src/components/tasks/partials/SingleTaskInProject.vue
@@ -179,7 +179,7 @@
 			</BaseButton>
 			<slot />
 			<button
-				v-if="hasSubtasks"
+				v-if="task.relatedTasks?.subtask?.length"
 				class="collapse-toggle"
 				:class="{ 'is-collapsed': isCollapsed }"
 				@click.stop="toggleCollapse"
@@ -188,7 +188,7 @@
 				<Icon icon="chevron-down" />
 			</button>
 		</div>
-		<template v-if="hasSubtasks && !isCollapsed">
+		<template v-if="task.relatedTasks?.subtask?.length && !isCollapsed">
 			<template v-for="subtask in task.relatedTasks.subtask">
 				<template v-if="getTaskById(subtask.id)">
 					<single-task-in-project
@@ -265,8 +265,8 @@ watch(collapseAll, (newVal) => {
 })
 
 const hasSubtasks = computed(() => {
-	return typeof props.theTask.relatedTasks?.subtask !== 'undefined' && 
-		props.theTask.relatedTasks.subtask.length > 0
+	return typeof task.value.relatedTasks?.subtask !== 'undefined' && 
+		task.value.relatedTasks.subtask.length > 0
 })
 
 function toggleCollapse() {