From 6cf4b91a0840e60c2d4909543c6b23f8aa24bc1c Mon Sep 17 00:00:00 2001
From: Takeshi Kimata <117462761+kimatata@users.noreply.github.com>
Date: Thu, 25 Jul 2024 21:44:38 +0900
Subject: [PATCH] feat: test case detail dialog

---
 .../projects/[projectId]/runs/[runId]/TestCaseSelector.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/[locale]/projects/[projectId]/runs/[runId]/TestCaseSelector.tsx b/frontend/src/app/[locale]/projects/[projectId]/runs/[runId]/TestCaseSelector.tsx
index 503a2c2..f70f83b 100644
--- a/frontend/src/app/[locale]/projects/[projectId]/runs/[runId]/TestCaseSelector.tsx
+++ b/frontend/src/app/[locale]/projects/[projectId]/runs/[runId]/TestCaseSelector.tsx
@@ -16,6 +16,7 @@ import {
 } from '@nextui-org/react';
 import {
   ChevronDown,
+  MoveDiagonal,
   MoreVertical,
   CopyPlus,
   CopyMinus,
@@ -25,7 +26,6 @@ import {
   CircleX,
   CircleSlash2,
 } from 'lucide-react';
-import { NextUiLinkClasses } from '@/src/navigation';
 import { testRunCaseStatus } from '@/config/selection';
 import { CaseType } from '@/types/case';
 import { RunMessages } from '@/types/run';
@@ -140,10 +140,11 @@ export default function TestCaseSelector({
           <Button
             size="sm"
             variant="light"
-            className="data-[hover=true]:bg-transparent"
+            className="group"
+            endContent={<MoveDiagonal size={12} className="text-transparent group-hover:text-inherit" />}
             onPress={() => showTestCaseDetailDialog(testCase.id)}
           >
-            <span className={NextUiLinkClasses}>{cellValue}</span>
+            {cellValue}
           </Button>
         );
       case 'priority':