@@ -113,12 +113,24 @@ export function ModernTaskList({ tasks, members, statusFilter }: ModernTaskListP
113113 < div className = "divide-y divide-slate-100 overflow-hidden rounded-lg border border-slate-200/60 bg-white" >
114114 { statusTasks . map ( ( task , index ) => {
115115 const member = assignedMember ( task ) ;
116+ const isNotRelevant = task . status === 'not_relevant' ;
116117 return (
117118 < div
118119 key = { task . id }
119- className = "group flex items-center gap-4 p-4 transition-colors hover:bg-slate-50/50 cursor-pointer"
120+ className = { `group relative flex items-center gap-4 p-4 transition-colors cursor-pointer ${
121+ isNotRelevant
122+ ? 'opacity-50 bg-slate-100/50 backdrop-blur-md hover:bg-slate-100/60'
123+ : 'hover:bg-slate-50/50'
124+ } `}
120125 onClick = { ( ) => handleTaskClick ( task . id ) }
121126 >
127+ { isNotRelevant && (
128+ < div className = "pointer-events-none absolute inset-0 flex items-center justify-center" >
129+ < span className = "text-sm font-bold uppercase tracking-[0.15em] text-slate-600" >
130+ NOT RELEVANT
131+ </ span >
132+ </ div >
133+ ) }
122134 < div
123135 className = "flex shrink-0 items-center"
124136 onClick = { ( e ) => e . stopPropagation ( ) }
@@ -128,14 +140,16 @@ export function ModernTaskList({ tasks, members, statusFilter }: ModernTaskListP
128140 < div className = "flex min-w-0 flex-1 items-center gap-4" >
129141 < div className = "min-w-0 flex-1" >
130142 < div className = "flex items-center gap-2" >
131- < div className = "text-sm font-semibold text-slate-900" > { task . title } </ div >
143+ < div className = { `text-sm font-semibold ${ isNotRelevant ? 'text-slate-500' : 'text-slate-900' } ` } >
144+ { task . title }
145+ </ div >
132146 < AutomationIndicator
133147 automations = { task . evidenceAutomations }
134148 variant = "inline"
135149 />
136150 </ div >
137151 { task . description && (
138- < div className = "text-slate-500 mt-0.5 line-clamp-1 text-xs" >
152+ < div className = { ` mt-0.5 line-clamp-1 text-xs ${ isNotRelevant ? 'text-slate-400' : 'text-slate-500' } ` } >
139153 { task . description }
140154 </ div >
141155 ) }
0 commit comments