From 8a3a59fdb0f453ee14b7236995106bca4091eb20 Mon Sep 17 00:00:00 2001
From: Rithvik Nishad <mail@rithviknishad.dev>
Date: Thu, 12 Dec 2024 11:34:48 +0000
Subject: [PATCH] Sample Test Details: Fix Padding and enclose status and
 result with i18n (#9387)

---
 src/components/Patient/SampleDetails.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Patient/SampleDetails.tsx b/src/components/Patient/SampleDetails.tsx
index 6cede48bfa5..f0e5f0039e5 100644
--- a/src/components/Patient/SampleDetails.tsx
+++ b/src/components/Patient/SampleDetails.tsx
@@ -265,7 +265,7 @@ export const SampleDetails = ({ id }: DetailRoute) => {
   const renderFlow = (flow: FlowModel) => {
     return (
       <Card key={flow.id}>
-        <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
+        <div className="mr-3 p-4 text-black md:mr-8 grid grid-cols-1 gap-4 md:grid-cols-2">
           <div>
             <span className="font-semibold leading-relaxed">
               {t("status")}:{" "}
@@ -323,16 +323,16 @@ export const SampleDetails = ({ id }: DetailRoute) => {
               <div className="text-sm text-muted-foreground">
                 {t("status")}:{" "}
               </div>
-              <Badge variant="outline" className="font-semibold">
-                {sampleDetails?.status}
+              <Badge variant="outline" className="font-semibold uppercase">
+                {t(`SAMPLE_TEST_HISTORY__${sampleDetails?.status}`)}
               </Badge>
             </div>
             <div className="space-y-1 sm:text-right flex gap-2 items-center ">
               <div className="text-sm text-muted-foreground">
                 {t("result")}:{" "}
               </div>
-              <Badge variant="secondary" className="font-semibold">
-                {sampleDetails?.result}
+              <Badge variant="secondary" className="font-semibold uppercase">
+                {t(`SAMPLE_TEST_RESULT__${sampleDetails?.result}`)}
               </Badge>
             </div>
           </div>
@@ -540,7 +540,7 @@ export const SampleDetails = ({ id }: DetailRoute) => {
         <h4 className="mt-8">{t("sample_test_history")}</h4>
         {sampleDetails?.flow &&
           sampleDetails.flow.map((flow: FlowModel) => (
-            <div key={flow.id} className="mb-2">
+            <div key={flow.id} className="mb-2 py-2">
               {renderFlow(flow)}
             </div>
           ))}