From 0d8b9b1976c6da0d2f5a10bbf258aa1e3a9f139e Mon Sep 17 00:00:00 2001
From: wren <porlong@qq.com>
Date: Fri, 20 Mar 2026 19:16:35 +0800
Subject: [PATCH] fix(reviews): make not-applicable button clickable with
 filter toggle

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/components/reviews/ReviewPointsList.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/components/reviews/ReviewPointsList.tsx b/app/components/reviews/ReviewPointsList.tsx
index 7871ea4..d6f7766 100644
--- a/app/components/reviews/ReviewPointsList.tsx
+++ b/app/components/reviews/ReviewPointsList.tsx
@@ -634,6 +634,9 @@ export function ReviewPointsList({
     } else if (statusFilter === 'error') {
       // 过滤"错误"状态
       matchesStatus = point.result === false && point.status === 'error';
+    } else if (statusFilter === 'notApplicable') {
+      // 过滤"未涉及"状态
+      matchesStatus = point.status === 'notApplicable' || point.status === 'not_applicable';
     }
     // console.log('筛选point', point);
 
@@ -749,10 +752,15 @@ export function ReviewPointsList({
           {/* 未涉及数量 */}
           <div className="h-8 border-r border-gray-200"></div>
           <div className="flex items-center">
-            <div className="px-3 h-7 bg-blue-50 rounded-md flex items-center justify-center">
+            <button
+              className={`px-3 h-7 bg-blue-50 rounded-md flex items-center justify-center cursor-pointer ${statusFilter === 'notApplicable' ? 'ring-2 ring-blue-400' : ''}`}
+              onClick={() => setStatusFilter(statusFilter === 'notApplicable' ? null : 'notApplicable')}
+              aria-label={`过滤未涉及项 ${statusFilter === 'notApplicable' ? '(已选中)' : ''}`}
+              type="button"
+            >
               <span className="text-sm font-semibold text-blue-500">{notApplicableToShow}</span>
               <span className="text-xs text-gray-500 ml-2">未涉及</span>
-            </div>
+            </button>
           </div>
         </div>
       </div>