From 9ec775acbf56634b376156f7257ceb3e7b7cbef9 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Thu, 25 Sep 2025 08:58:33 +0200
Subject: [PATCH] fix: enhance TaskCard opacity handling for task statuses -
 Updated opacity logic in `TaskCard` to include 'archived' status alongside
 'done', improving visual feedback for completed tasks. - Added specific
 styling for 'freeze' status to differentiate it visually, enhancing user
 experience and clarity in task representation.

---
 src/components/kanban/TaskCard.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/kanban/TaskCard.tsx b/src/components/kanban/TaskCard.tsx
index 7d173b5..a86ad2e 100644
--- a/src/components/kanban/TaskCard.tsx
+++ b/src/components/kanban/TaskCard.tsx
@@ -232,7 +232,9 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
         style={{ ...style, ...specialStyles }}
         className={`p-2 hover:border-[var(--primary)]/30 hover:shadow-lg hover:shadow-[var(--primary)]/10 transition-all duration-300 cursor-pointer group ${
           isDragging ? 'opacity-50 rotate-3 scale-105' : ''
-        } ${task.status === 'done' ? 'opacity-60' : ''} ${
+        } ${task.status === 'done' || task.status === 'archived' ? 'opacity-60' : ''} ${
+          task.status === 'freeze' ? 'opacity-60 bg-gradient-to-br from-transparent via-[var(--muted)]/10 to-transparent bg-[length:4px_4px] bg-[linear-gradient(45deg,transparent_25%,var(--border)_25%,var(--border)_50%,transparent_50%,transparent_75%,var(--border)_75%,var(--border))]' : ''
+        } ${
           isJiraTask ? 'jira-task' : ''
         } ${
           isTfsTask ? 'tfs-task' : ''
@@ -319,7 +321,9 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
       style={{ ...style, ...specialStyles }}
       className={`p-3 hover:border-[var(--primary)]/30 hover:shadow-lg hover:shadow-[var(--primary)]/10 transition-all duration-300 cursor-pointer group ${
         isDragging ? 'opacity-50 rotate-3 scale-105' : ''
-      } ${task.status === 'done' ? 'opacity-60' : ''} ${
+      } ${task.status === 'done' || task.status === 'archived' ? 'opacity-60' : ''} ${
+        task.status === 'freeze' ? 'opacity-60 bg-gradient-to-br from-transparent via-[var(--muted)]/10 to-transparent bg-[length:4px_4px] bg-[linear-gradient(45deg,transparent_25%,var(--border)_25%,var(--border)_50%,transparent_50%,transparent_75%,var(--border)_75%,var(--border))]' : ''
+      } ${
         isJiraTask ? 'jira-task' : ''
       } ${
         isTfsTask ? 'tfs-task' : ''