add specimen collection localization and priority color coding in lab…

… orders

public/locale/en.json

@@ -536,6 +536,7 @@
   "close": "Close",
   "close_scanner": "Close Scanner",
   "collapse_sidebar": "Collapse Sidebar",
+  "collect_specimen": "Collect Specimen",
   "comment_added_successfully": "Comment added successfully",
   "comment_min_length": "Comment Should Contain At Least 1 Character",
   "comments": "Comments",

src/components/Lab/pages/LabOrderTabs/OrdersPlaced.tsx

@@ -14,6 +14,7 @@ import { displayCode } from "@/Utils/utils";
 import { Specimen } from "@/types/emr/specimen";
 
 import { displayServiceRequestId, displaySpecimenId } from "../../utils";
+import { getPriorityColor } from "./index";
 
 export default function OrdersPlaced() {
   const { t } = useTranslation();
@@ -49,7 +50,14 @@ export default function OrdersPlaced() {
     },
     {
       header: "Priority",
-      cell: ({ row }) => <Badge>{row.original.request.priority}</Badge>,
+      cell: ({ row }) => (
+        <Badge
+          className={getPriorityColor(row.original.request.priority)}
+          variant="outline"
+        >
+          {row.original.request.priority}
+        </Badge>
+      ),
     },
     {
       header: "Action",
@@ -58,7 +66,7 @@ export default function OrdersPlaced() {
           onClick={() =>
             navigate(`/lab_orders/${row.original.request.encounter.id}/collect`)
           }
-          variant="secondary"
+          variant="outline_primary"
         >
           {t("collect_specimen")}
         </Button>

src/components/Lab/pages/LabOrderTabs/index.tsx

@@ -52,6 +52,21 @@ const labOrderTabs = [
   },
 ];
 
+export const getPriorityColor = (priority: string | undefined) => {
+  switch (priority) {
+    case "routine":
+      return "bg-blue-100 text-blue-800";
+    case "asap":
+      return "bg-yellow-100 text-yellow-800";
+    case "urgent":
+      return "bg-orange-100 text-orange-800";
+    case "stat":
+      return "bg-red-100 text-red-800";
+    default:
+      return "bg-gray-100 text-gray-800";
+  }
+};
+
 export default function LabOrdersTab() {
   const { t } = useTranslation();
   const currentPath = usePath();