Unified test case priorities UI

frontend/app/projects/[projectId]/folders/[folderId]/cases/TestCaseTable.tsx

@@ -7,7 +7,6 @@ import {
   TableRow,
   TableCell,
   Button,
-  Chip,
   DropdownTrigger,
   Dropdown,
   DropdownMenu,
@@ -16,7 +15,7 @@ import {
   SortDescriptor,
   Link,
 } from "@nextui-org/react";
-import { Plus, MoreVertical, Trash } from "lucide-react";
+import { Plus, MoreVertical, Trash, Circle } from "lucide-react";
 
 const headerColumns = [
   { name: "ID", uid: "id", sortable: true },
@@ -91,14 +90,14 @@ export default function TestCaseTable({
         );
       case "priority":
         return (
-          <Chip
-            className="border-none gap-1 text-default-600"
+          <div className="flex items-center">
+            <Circle
+              size={8}
               color={priorities[cellValue].color}
-            size="sm"
-            variant="dot"
-          >
-            {priorities[cellValue].name}
-          </Chip>
+              fill={priorities[cellValue].color}
+            />
+            <div className="ms-3">{priorities[cellValue].name}</div>
+          </div>
         );
       case "actions":
         return (

frontend/app/projects/[projectId]/folders/[folderId]/cases/[caseId]/CaseEditor.tsx

@@ -5,13 +5,12 @@ import {
   Textarea,
   Select,
   SelectItem,
-  Chip,
   Button,
   Divider,
   Tooltip,
 } from "@nextui-org/react";
 import { useRouter } from "next/navigation";
-import { Save, Plus, ArrowLeft, ArrowUpFromLine } from "lucide-react";
+import { Save, Plus, ArrowLeft, ArrowUpFromLine, Circle } from "lucide-react";
 import { priorities, testTypes, templates } from "@/config/selection";
 import CaseStepsEditor from "./CaseStepsEditor";
 import CaseAttachmentsEditor from "./CaseAttachmentsEditor";
@@ -237,12 +236,11 @@ export default function CaseEditor({
               setTestCase({ ...testCase, priority: index });
             }}
             startContent={
-              <Chip
-                className="border-none gap-1 text-default-600"
+              <Circle
+                size={8}
                 color={priorities[testCase.priority].color}
-                size="sm"
-                variant="dot"
-              ></Chip>
+                fill={priorities[testCase.priority].color}
+              />
             }
             label="Priority"
             className="mt-3 max-w-xs"